:root { --ink:#243331; --muted:#79817f; --paper:#f7f4ed; --card:#fffdfa; --mint:#74b9a6; --mint-dark:#438d7b; --line:#e4e1d9; --display:"Avenir Next","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","Avenir Next","Segoe UI",sans-serif; }
.trellis-art{gap:6px;background:#e5e8f1}.trellis-art i{width:25px;height:29px;display:grid;place-items:center;border-radius:8px;background:#fff;color:#5d6f9a;font:800 11px var(--display);font-style:normal;box-shadow:0 3px 8px rgba(61,76,111,.12)}.trellis-art i:nth-child(2){width:auto;background:transparent;box-shadow:none}.trellis{--accent:#6b7fa7}
.joinery{--accent:#a26f4f}.joinery-art{gap:4px;padding:8px;background:#f2e6db}.joinery-art i,.joinery-art b{min-width:0;padding:6px 4px;border-radius:7px;background:#fff9f3;color:#8f6045;font:800 6px var(--display);font-style:normal;text-align:center}.joinery-art b{color:#fff;background:#ad7654;font-size:7px}
.echo{--accent:#7666a8}.echo-art{gap:7px;background:#ece8f6}.echo-art i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#675795;font:800 9px var(--display);font-style:normal;box-shadow:0 4px 9px rgba(78,62,126,.12)}.echo-art span{color:#8f80b9;font-size:17px;font-weight:800}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e8ece9;color:var(--ink);font-family:var(--ui);-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}.club-shell{width:min(100%,480px);min-height:100dvh;margin:auto;padding-bottom:88px;background:var(--paper);box-shadow:0 0 70px rgba(30,45,40,.1)}.club-topbar{height:calc(70px + env(safe-area-inset-top));padding:calc(15px + env(safe-area-inset-top)) 22px 8px;display:flex;align-items:center;justify-content:space-between}.club-logo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:800 17px var(--display);letter-spacing:-.5px}.tile-logo{display:flex}.tile-logo i{width:21px;height:24px;display:grid;place-items:center;margin-left:-4px;color:white;background:#579c89;border:2px solid var(--paper);border-radius:7px;font:800 9px var(--display);transform:rotate(-5deg)}.tile-logo i:nth-child(2){background:#e58d72;transform:translateY(-2px) rotate(3deg)}.tile-logo i:nth-child(3){background:#d3a950;transform:rotate(6deg)}.profile-button{width:36px;height:36px;border:0;border-radius:50%;color:#436c61;background:#dcebe6;font-weight:800}.welcome{padding:25px 22px 20px}.date-line{margin:0 0 8px;color:var(--mint-dark);font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.welcome h1{margin:0;font:800 34px/1.1 var(--display);letter-spacing:-1.5px}.welcome h1 em{color:var(--mint-dark);font-style:normal}.club-summary{margin-top:21px;padding:13px 14px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 10px 25px rgba(50,64,60,.06)}.daily-ring{--progress:0deg;width:46px;height:46px;display:grid;place-content:center;border-radius:50%;background:radial-gradient(circle,#fffdfa 58%,transparent 60%),conic-gradient(var(--mint) var(--progress),#e6e4dd 0);text-align:center}.daily-ring span{font:800 15px/1 var(--display)}.daily-ring small{margin-top:2px;color:var(--muted);font-size:7px}.club-summary>div:nth-child(2) b,.club-summary>div:nth-child(2) small{display:block}.club-summary>div:nth-child(2) b{font-size:11px}.club-summary>div:nth-child(2) small{margin-top:3px;color:var(--muted);font-size:8px}.streak-box{min-width:46px;text-align:center}.streak-box span{color:#e98770;font-size:9px}.streak-box b{margin-left:3px;font-size:13px}.streak-box small{display:block;color:var(--muted);font-size:7px}.game-section{padding:7px 22px 5px}.section-head{display:flex;justify-content:space-between;align-items:flex-end}.section-head p{margin:0 0 4px;color:#8a918f;font-size:9px;font-weight:800;letter-spacing:1.4px}.section-head h2{margin:0;font:800 22px var(--display);letter-spacing:-.7px}.section-head>span{color:var(--muted);font-size:9px;font-weight:700}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.game-tile{min-height:205px;padding:14px;display:flex;flex-direction:column;border:1px solid rgba(216,214,205,.8);border-radius:20px;color:var(--ink);background:var(--card);text-decoration:none;box-shadow:0 13px 30px rgba(50,64,60,.07);transition:transform .15s ease,box-shadow .15s ease}.game-tile:active{transform:scale(.975)}.game-art{height:77px;display:flex;align-items:center;justify-content:center;border-radius:15px;overflow:hidden}.woven-art{gap:3px;background:#dceee8}.woven-art i{width:13px;background:#62a992;border-radius:10px;transform-origin:bottom}.woven-art i:nth-child(1){height:36px;transform:rotate(-18deg)}.woven-art i:nth-child(2){height:54px}.woven-art i:nth-child(3){height:38px;transform:rotate(18deg)}.thread-art{gap:6px;background:#e5e8f1}.thread-art i{width:25px;height:29px;display:grid;place-items:center;border-radius:8px;background:#fff;color:#5d6f9a;font:800 11px var(--display);font-style:normal;box-shadow:0 3px 8px rgba(61,76,111,.12)}.thread-art i:nth-child(2){width:auto;background:transparent;box-shadow:none}.bloom-art{position:relative;background:#f5e8d5}.bloom-art i{position:absolute;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#966d36;background:#fff8e9;font:800 9px var(--display);font-style:normal;transform:rotate(calc(var(--n)*72deg)) translateY(-21px) rotate(calc(var(--n)*-72deg))}.bloom-art i:nth-child(1){--n:0}.bloom-art i:nth-child(2){--n:1}.bloom-art i:nth-child(3){--n:2}.bloom-art i:nth-child(4){--n:3}.bloom-art i:nth-child(5){--n:4}.cross-art{display:grid;grid-template-columns:repeat(3,18px);grid-template-rows:repeat(3,18px);gap:3px;background:#e4edf0}.cross-art i{background:#fff;border-radius:4px}.cross-art i:nth-child(3),.cross-art i:nth-child(7){background:#6f96a0}.tile-copy{margin-top:13px}.tile-copy small,.tile-copy b,.tile-copy em{display:block}.tile-copy small{color:var(--accent,var(--mint-dark));font-size:7px;font-weight:800;letter-spacing:1.1px}.tile-copy b{margin-top:3px;font:800 19px var(--display);letter-spacing:-.5px}.tile-copy em{margin-top:2px;color:var(--muted);font-size:9px;font-style:normal}.thread{--accent:#6b7fa7}.bloom{--accent:#a8783f}.crosswind{--accent:#597f89}.daily-state{margin-top:auto;padding-top:11px;color:var(--accent,var(--mint-dark));font-size:8px;font-weight:800;letter-spacing:1px}.daily-state i{float:right;font-size:13px;font-style:normal}.game-tile.done{opacity:.72}.game-tile.done .daily-state{color:var(--mint-dark)}.plus-banner{margin:24px 22px 0;padding:21px;position:relative;overflow:hidden;border-radius:22px;color:#fff;background:#243b38}.plus-banner:after{content:"";position:absolute;width:160px;height:160px;right:-75px;top:-65px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.plus-spark{position:absolute;right:24px;top:20px;color:#e5c173;font-size:23px}.plus-banner p{margin:0 0 6px;color:#e2c27b;font-size:8px;font-weight:800;letter-spacing:1.5px}.plus-banner h2{margin:0;font:800 23px/1.12 var(--display);letter-spacing:-.8px}.plus-banner small{display:block;width:78%;margin-top:9px;color:#c8d1cf;font-size:9px;line-height:1.45}.plus-banner button{height:38px;margin-top:16px;padding:0 16px;border:0;border-radius:11px;color:#534422;background:#f0d99f;font-size:10px;font-weight:800}.club-note{margin:22px 0 0;text-align:center;color:#9da3a0;font-size:9px}.club-nav{position:fixed;z-index:10;bottom:0;left:50%;width:min(100%,480px);height:calc(72px + env(safe-area-inset-bottom));padding:9px 22px env(safe-area-inset-bottom);display:flex;justify-content:space-between;border-top:1px solid var(--line);background:rgba(251,249,244,.94);backdrop-filter:blur(18px);transform:translateX(-50%)}.club-nav a,.club-nav button{width:68px;padding:3px 0;border:0;color:#9ba29f;background:none;text-align:center;text-decoration:none;font-size:8px;font-weight:700}.club-nav span{display:block;margin-bottom:4px;font-size:20px}.club-nav .active{color:var(--mint-dark)}.modal{position:fixed;z-index:30;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(22,34,31,.4);backdrop-filter:blur(4px)}.modal[hidden]{display:none}.plus-sheet{width:min(100%,480px);padding:37px 24px calc(30px + env(safe-area-inset-bottom));position:relative;border-radius:28px 28px 0 0;background:var(--paper);text-align:center;animation:up .35s cubic-bezier(.16,1,.3,1)}.modal-close{position:absolute;right:18px;top:17px;width:34px;height:34px;border:0;border-radius:50%;background:#eae8e2;font-size:23px}.big-spark{width:62px;height:62px;display:grid;place-items:center;margin:auto;border-radius:20px;color:#9a7130;background:#f1dfb6;font-size:28px}.plus-sheet>p{margin:13px 0 5px;color:#987333;font-size:8px;font-weight:800;letter-spacing:1.5px}.plus-sheet h2{margin:0;font:800 28px/1.15 var(--display);letter-spacing:-1px}.plus-list{margin:20px 0;padding:17px;display:grid;gap:11px;border:1px solid var(--line);border-radius:17px;background:var(--card);text-align:left;font-size:11px;font-weight:700}.plus-list span::first-letter{color:var(--mint-dark)}.join-button{width:100%;height:48px;border:0;border-radius:14px;color:white;background:var(--ink);font-weight:800}.plus-sheet>small{display:block;margin-top:9px;color:var(--muted);font-size:8px}.toast{position:fixed;z-index:50;left:50%;bottom:92px;padding:10px 16px;color:#fff;background:rgba(36,50,48,.95);border-radius:99px;font-size:10px;font-weight:700;opacity:0;transform:translate(-50%,10px);transition:.22s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes up{from{transform:translateY(100%)}}@media(min-width:481px){body{padding:16px 0}.club-shell{min-height:calc(100dvh - 32px);border-radius:28px}.club-nav{bottom:16px;border-radius:0 0 28px 28px}}

.club-promise{margin:16px 0 0;color:var(--mint-dark);font-size:1rem;line-height:1.5;font-weight:700}

.lattice-art{display:grid;place-items:center;background:#dcefe9}
.lattice-grid{display:grid;grid-template-columns:repeat(5,9px);gap:3px;transform:rotate(-2deg);filter:drop-shadow(0 5px 5px #28534620)}
.lattice-grid i{width:9px;height:9px;border-radius:2px;background:#fff;box-shadow:inset 0 0 0 1px #438d7b20}
.lattice-grid i:nth-child(1),.lattice-grid i:nth-child(7),.lattice-grid i:nth-child(13),.lattice-grid i:nth-child(19),.lattice-grid i:nth-child(25){background:#438d7b;box-shadow:none}

.degrees{--accent:#286752}.degrees-art{gap:8px;background:#e5edde}.degrees-art i{font:800 11px var(--display);font-style:normal;color:#286752}.degrees-art>span{color:#7a976e}