:root{--navy: #0b2140;--navy-deep: #06152c;--navy-soft: #12304f;--blue: #2b86f5;--blue-dk: #1462c6;--blue-lt: #8cc4ff;--yellow: #ffc91c;--orange: #ff8a1e;--orange-dk: #e06a00;--text: #eaf2fd;--text-dim: #9fb8d8;--line: rgba(140, 196, 255, .18);--display: "Baloo 2", "Trebuchet MS", Verdana, sans-serif;--body: "Figtree", "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:radial-gradient(120% 120% at 15% 0%,#17355f 0%,var(--navy) 45%,var(--navy-deep) 100%) fixed,var(--navy-deep)}body{margin:0;font-family:var(--body);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;cursor:pointer}.btn{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:.01em;color:var(--navy-deep);background:linear-gradient(180deg,var(--yellow),var(--orange));border:0;border-radius:12px;padding:11px 22px;box-shadow:0 4px 0 var(--orange-dk);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 0 var(--orange-dk)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--orange-dk)}.btn:disabled{opacity:.4;box-shadow:0 4px #0000004d;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--blue-lt);outline-offset:3px}.btn.big{font-size:19px;padding:15px 34px;border-radius:14px}.btn.small{font-size:14px;padding:8px 14px}.btn.danger{color:#fff;background:linear-gradient(180deg,#e5484d,#ad2b30);box-shadow:0 4px #7a1c20}.btn.danger:hover:not(:disabled){box-shadow:0 5px #7a1c20}.btn.danger:active:not(:disabled){box-shadow:0 1px #7a1c20}a.btn{text-decoration:none}.btn.ghost{color:var(--text);background:#8cc4ff1f;border:1px solid var(--line);box-shadow:none}.btn.ghost:hover{background:#8cc4ff33;transform:none;box-shadow:none}.btn.ghost:active{transform:translateY(1px);box-shadow:none}.ambient-pieces{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.home{position:relative;z-index:1;padding:28px 26px 64px;display:flex;flex-direction:column;align-items:stretch;gap:22px}.home-head{text-align:center;margin-bottom:4px;animation:title-drop .5s cubic-bezier(.2,.9,.3,1.2) both}@keyframes title-drop{0%{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.home-head{animation:none}}.wordmark-img{display:block;width:min(360px,80%);height:auto;margin:0 auto 12px;filter:drop-shadow(0 8px 18px rgba(3,10,22,.5))}.tagline{font-size:17px;color:var(--text-dim);margin:0}.title{position:relative;z-index:1;max-width:460px;min-height:76vh;margin:0 auto;padding:48px 22px 64px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:28px}.ribbon-menu{display:flex;flex-direction:column;gap:14px;animation:menu-enter .4s ease both;animation-delay:.1s}@media(prefers-reduced-motion:reduce){.ribbon-menu{animation:none}}.ribbon{--knob: 14px;position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:16px calc(22px + var(--knob)) 16px 22px;font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.01em;color:#fff;text-align:left;border:0;border-radius:12px;clip-path:polygon(0% 0%,0% 32%,6% 36%,6% 64%,0% 68%,0% 100%,calc(100% - var(--knob)) 100%,calc(100% - var(--knob)) 68%,100% 62%,100% 38%,calc(100% - var(--knob)) 32%,calc(100% - var(--knob)) 0%);box-shadow:0 4px #00000059;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ribbon:hover{transform:translate(3px);filter:brightness(1.08)}.ribbon:active{transform:translate(1px) translateY(2px);box-shadow:0 1px #00000059}.ribbon:focus-visible{outline:3px solid var(--blue-lt);outline-offset:3px}.ribbon svg{flex:none}.ribbon-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ribbon-text small{font-family:var(--body);font-weight:400;font-size:12px;letter-spacing:0;opacity:.85}.ribbon-play{background:linear-gradient(100deg,var(--orange),var(--orange-dk))}.ribbon-resume{background:linear-gradient(100deg,#7a3ff0,#5622c2);flex:1}.ribbon-daily{background:linear-gradient(100deg,var(--blue),var(--blue-dk))}.ribbon-mural{background:linear-gradient(100deg,#1c8f5a,#146a41)}.ribbon-friends{background:linear-gradient(100deg,#2b86f5,#1462c6);position:relative}.ribbon-leaderboard{background:linear-gradient(100deg,#e0a92a,#a5720f)}.ribbon-settings{background:linear-gradient(100deg,#5b6b85,#384258)}.ribbon-with-discard{display:flex;align-items:stretch;gap:8px}.ribbon-discard{flex:none;display:grid;place-items:center;width:40px;border:0;border-radius:10px;background:linear-gradient(100deg,#e5484d,#ad2b30);color:#fff;box-shadow:0 3px #7a1c20;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ribbon-discard:hover{filter:brightness(1.1);transform:translateY(-1px)}.ribbon-discard:active{transform:translateY(2px);box-shadow:0 1px #7a1c20}.ribbon-discard:focus-visible{outline:3px solid var(--blue-lt);outline-offset:3px}.resume{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#2b86f51a;border:1px solid rgba(140,196,255,.28);border-radius:14px;padding:14px 16px}.resume strong{display:block;font-size:15px}.resume span{font-size:13px;color:var(--text-dim)}.resume-actions{display:flex;gap:10px}.drop{position:relative;border:2px dashed rgba(140,196,255,.35);border-radius:18px;min-height:220px;display:grid;place-items:center;padding:14px;background:#06152cd1;transition:border-color .15s ease,background .15s ease;overflow:hidden}.drop:hover,.drop.over{border-color:var(--yellow);background:#261e05d1}.drop:focus-visible{outline:3px solid var(--blue-lt);outline-offset:3px}.drop.filled{border-style:solid;border-color:var(--line);padding:8px}.drop img{max-width:100%;max-height:320px;border-radius:10px;display:block}.drop-empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.drop-empty strong{font-family:var(--display);font-size:20px}.drop-empty span{font-size:14px;color:var(--text-dim)}.drop-icon{color:var(--yellow)}.error{color:var(--yellow);font-size:14px;margin:-10px 0 0}.counts h4{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin:0 0 10px}.count-row{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--mono);font-size:14px;font-weight:500;color:var(--text);background:#8cc4ff1a;border:1px solid var(--line);border-radius:10px;padding:9px 15px;transition:background .12s ease,color .12s ease,border-color .12s ease}.chip:hover{background:#8cc4ff33}.chip.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}.chip:focus-visible{outline:3px solid var(--blue-lt);outline-offset:2px}.count-note{font-size:13px;color:var(--text-dim);margin:12px 0 0}.play{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.board-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;display:block}.cutting{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.cutting-title{font-family:var(--display);font-size:22px;margin:0}.bar{width:min(280px,70vw);height:8px;border-radius:99px;background:#8cc4ff2e;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--yellow),var(--orange));transition:width .15s linear}.hud{position:absolute;display:flex;align-items:center;gap:14px;pointer-events:none}.hud button{pointer-events:auto}.hud.top{top:0;left:0;right:0;padding:max(12px,env(safe-area-inset-top)) 14px 12px;background:linear-gradient(180deg,rgba(6,21,44,.85),transparent)}.meter{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.meter-bar{flex:1;height:8px;border-radius:99px;background:#06152cb3;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}.meter-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--blue-lt));transition:width .25s ease}.meter-text{font-family:var(--mono);font-size:12px;color:var(--text-dim);white-space:nowrap}.clock{font-family:var(--mono);font-size:15px;font-variant-numeric:tabular-nums}.clock.deadline{color:var(--yellow)}.clock.deadline.urgent{color:#ff5a5a;animation:deadline-pulse .6s ease-in-out infinite}@keyframes deadline-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.clock.deadline.urgent{animation:none}}.hud.tools{right:12px;bottom:max(14px,env(safe-area-inset-bottom));flex-direction:column;gap:8px}.tool{width:44px;height:44px;display:grid;place-items:center;font-size:18px;color:var(--text);background:#06152cc7;border:1px solid var(--line);border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tool:hover{background:#2b86f559}.tool.on{background:var(--blue);border-color:var(--blue);color:#fff}.tool:focus-visible{outline:3px solid var(--blue-lt);outline-offset:2px}.done{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#06152cb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.done-card{background:var(--navy-soft);border:1px solid var(--line);border-radius:20px;padding:34px 44px;text-align:center;box-shadow:0 24px 60px -24px #000}.done-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);margin:0 0 6px}.done-time{font-family:var(--display);font-weight:800;font-size:54px;line-height:1;margin:0 0 6px;font-variant-numeric:tabular-nums}.done-sub{color:var(--text-dim);margin:0 0 22px;font-size:15px}.btn.with-icon,.tool{display:inline-flex;align-items:center;justify-content:center;gap:8px}.tool svg,.btn svg{display:block;flex:none}.tool.accent{background:var(--blue);border-color:var(--blue);color:#fff}.tool.accent:hover{background:var(--blue-dk)}.notice{margin:0;padding:12px 16px;border-radius:12px;background:#ffc91c1f;border:1px solid rgba(255,201,28,.35);color:var(--yellow);font-size:14px}.opening{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;overflow:hidden}.opening-logo{position:relative;z-index:1;width:min(320px,66%);height:auto;filter:drop-shadow(0 8px 18px rgba(3,10,22,.5))}.opening-title{position:relative;z-index:1;font-family:var(--display);font-size:21px;margin:0}.bar{position:relative;z-index:1}.bar-fill.indeterminate{width:40%;animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-110%)}to{transform:translate(260%)}}.opening-pieces{position:fixed;z-index:1;right:max(22px,env(safe-area-inset-right));bottom:max(64px,env(safe-area-inset-bottom));width:92px;height:46px;pointer-events:none}.opening-piece{position:absolute;top:0;width:40px;height:40px;border-radius:8px;animation:piece-meet 1.8s cubic-bezier(.4,0,.2,1) infinite}.opening-piece-a{left:0;background:linear-gradient(135deg,var(--yellow),var(--orange));clip-path:polygon(0% 0%,82% 0%,82% 32%,100% 38%,100% 62%,82% 68%,82% 100%,0% 100%);animation-name:piece-meet-a}.opening-piece-b{right:0;background:linear-gradient(135deg,var(--blue),var(--blue-dk));clip-path:polygon(18% 0%,100% 0%,100% 100%,18% 100%,18% 68%,0% 62%,0% 38%,18% 32%);animation-name:piece-meet-b}@keyframes piece-meet-a{0%,10%{transform:translate(-14px)}50%,60%{transform:translate(0)}to{transform:translate(-14px)}}@keyframes piece-meet-b{0%,10%{transform:translate(14px)}50%,60%{transform:translate(0)}to{transform:translate(14px)}}@media(prefers-reduced-motion:reduce){.opening-piece{animation:none}.opening-piece-a,.opening-piece-b{transform:translate(0)}}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#06152ca8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet-card{position:relative;width:min(460px,100%);background:var(--navy-soft);border:1px solid var(--line);border-radius:18px;padding:26px 26px 24px;box-shadow:0 24px 60px -24px #000}.sheet-card h3{font-family:var(--display);font-size:22px;margin:0 0 8px}.sheet-note{color:var(--text-dim);font-size:14.5px;margin:0 0 18px}.sheet-error{color:var(--yellow);font-size:14.5px;margin:0 0 18px}.avatar-crop{display:flex;flex-direction:column;align-items:center}.avatar-crop-canvas{border-radius:12px;background:#06152c99;touch-action:none;cursor:grab;margin:0 0 16px}.avatar-crop-canvas:active{cursor:grabbing}.avatar-crop input[type=range]{width:100%;max-width:280px;margin:0 0 16px;accent-color:var(--yellow)}.avatar-crop .row-actions{width:100%;justify-content:center}.sheet-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;color:var(--text-dim);background:transparent;border:0;border-radius:8px}.sheet-close:hover{color:var(--text);background:#8cc4ff24}.sheet-close:focus-visible{outline:3px solid var(--blue-lt);outline-offset:2px}.share-row{display:flex;gap:10px;align-items:stretch}.share-row input{flex:1;min-width:0;font-family:var(--mono);font-size:13px;color:var(--text);background:#06152cb3;border:1px solid var(--line);border-radius:12px;padding:0 14px}.share-row input:focus-visible{outline:3px solid var(--blue-lt);outline-offset:2px}.done-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.hud.rivals{top:62px;left:0;right:0;flex-direction:column;align-items:stretch;gap:6px;padding:0 14px}.rival{display:flex;align-items:center;gap:10px;font-size:13px}.rival-name{font-family:var(--mono);font-size:11.5px;color:var(--text-dim);white-space:nowrap;min-width:84px}.rival-bar{flex:1;height:6px;border-radius:99px;background:#06152cb3;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.rival-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--yellow));transition:width .25s ease}.rival-num{font-family:var(--mono);font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--yellow);min-width:46px;text-align:right}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#06152c8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.countdown span{font-family:var(--display);font-weight:800;font-size:clamp(90px,22vw,190px);line-height:1;color:#fff;text-shadow:0 6px 0 var(--blue-dk),0 10px 0 var(--navy-deep)}.roster{list-style:none;margin:18px 0;padding:0;display:flex;flex-direction:column;gap:6px}.roster li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#06152c80;border:1px solid var(--line);color:var(--text-dim)}.roster li.set{border-color:#ffc91c73;color:var(--text)}.roster-name{flex:1;font-size:14.5px}.roster-state{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}.roster li.set .roster-state{color:var(--yellow)}.sheet-note.dim{margin:18px 0 0;font-size:13.5px}.standings{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}.standings li{display:flex;justify-content:space-between;gap:16px;padding:8px 12px;border-radius:10px;background:#06152c80;font-size:14.5px}.standings-time{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--yellow)}.daily{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:16px 18px;border-radius:14px;color:var(--text);background:linear-gradient(100deg,#ffc91c29,#2b86f51f);border:1px solid rgba(255,201,28,.35);box-shadow:0 4px #06152c99;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.daily:hover{transform:translateY(-2px);border-color:var(--yellow);box-shadow:0 6px #06152c99}.daily:active{transform:translateY(2px);box-shadow:0 1px #06152c99}.daily:focus-visible{outline:3px solid var(--blue-lt);outline-offset:3px}.daily svg{color:var(--yellow);flex:none}.daily-text{display:flex;flex-direction:column;gap:2px}.daily-text strong{font-family:var(--display);font-size:17px}.daily-text span{font-size:13.5px;color:var(--text-dim)}.field{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}.field span{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.field input,.guess-form input{font-family:var(--body);font-size:15.5px;color:var(--text);background:#06152cb3;border:1px solid var(--line);border-radius:12px;padding:11px 14px}.field input:focus-visible,.guess-form input:focus-visible{outline:3px solid var(--blue-lt);outline-offset:2px}.guess{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));gap:12px;overflow-y:auto}.guess-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.guess-stat{display:flex;flex-direction:column;line-height:1.2}.guess-stat strong{font-family:var(--display);font-size:19px}.guess-stat strong.accent{color:var(--yellow)}.guess-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.guess-head .clock{margin-left:auto}.guess-canvas{flex:1;min-height:220px;width:100%;display:block}.guess-controls{display:flex;flex-direction:column;gap:10px;align-items:center;max-width:520px;width:100%;margin:0 auto}.guess-form{display:flex;gap:10px;width:100%}.guess-form input{flex:1;min-width:0}.guess-hint{font-size:13px;color:var(--text-dim);margin:0;text-align:center}.guess-error{font-size:13.5px;color:var(--yellow);margin:0;text-align:center}.guess-result{max-width:460px;width:100%;margin:0 auto;text-align:center;background:var(--navy-soft);border:1px solid var(--line);border-radius:18px;padding:24px}.guess-answer{font-family:var(--display);font-size:22px;margin:0 0 14px}.result-grid{font-family:var(--mono);font-size:13px;line-height:1.15;letter-spacing:.08em;color:var(--yellow);margin:0 0 18px;overflow-x:auto}.standings li.you{border:1px solid rgba(255,201,28,.4)}.standings li span:first-child{display:inline-flex;align-items:center;gap:7px}.leaderboard-avatar{width:22px;height:22px;font-size:11px;flex:none}.leaderboard-list .linky{font-size:inherit;padding:0}.report{margin-top:16px;font-size:12.5px;color:var(--text-dim);background:none;border:0;display:inline-flex;align-items:center;gap:6px}.report:hover:not(:disabled){color:var(--yellow)}.report:disabled{opacity:.6;cursor:default}.hud.table{top:58px;left:0;right:0;padding:0 14px;gap:10px;flex-wrap:wrap}.table-players{display:flex;gap:6px;flex-wrap:wrap}.chip-player{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;padding:4px 9px;border-radius:99px;background:#06152ccc;border:1px solid var(--line);color:var(--text-dim)}.chip-player.you{border-color:#ffc91c80;color:var(--yellow)}.chip-player.away{opacity:.45;text-decoration:line-through}.turn{font-family:var(--mono);font-size:11px;letter-spacing:.06em;padding:4px 10px;border-radius:99px;background:#06152ccc;border:1px solid var(--line);color:var(--text-dim)}.turn.mine{border-color:var(--yellow);color:var(--yellow)}.turn.warn{border-color:#ff8a1e80;color:var(--orange)}.collage-head{display:flex}.collage-title{font-family:var(--display);font-size:30px;margin:0 0 8px}.daily.secondary{background:linear-gradient(100deg,#2b86f52e,#8cc4ff14);border-color:#8cc4ff4d}.daily.secondary svg{color:var(--blue-lt)}.daily.secondary:hover{border-color:var(--blue)}.collage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.collage-cell{margin:0;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#06152c80}.collage-cell.mine{border-color:#ffc91c80}.collage-cell img{width:100%;height:100%;object-fit:cover;display:block}.collage-cell.add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-dim);border-style:dashed;font-size:13px}.collage-cell.add:hover:not(:disabled){color:var(--yellow);border-color:var(--yellow)}.collage-cell.add:disabled{opacity:.5;cursor:default}.langs{display:flex;gap:6px;justify-content:center;margin-top:12px}.lang{font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--text-dim);background:transparent;border:1px solid var(--line);border-radius:99px;padding:5px 12px}.lang:hover{color:var(--text);border-color:var(--blue-lt)}.lang.on{color:var(--navy-deep);background:var(--yellow);border-color:var(--yellow);font-weight:700}.lang:focus-visible{outline:3px solid var(--blue-lt);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.dim{color:var(--text-dim)}.small{font-size:12.5px}.empty{text-align:center;padding:30px 0}.field small{font-family:var(--body);font-size:12px;color:var(--text-dim);text-transform:none;letter-spacing:0}.sheet-page .btn,.home .btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px}.sheet-page .row-actions .btn,.people .btn{align-self:auto}.check{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:14px}.check input{width:17px;height:17px;accent-color:var(--orange)}.row-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.count-row.wrap{flex-wrap:wrap}.link-back{--jig-knob: 9px;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:linear-gradient(100deg,var(--orange),var(--orange-dk));border:0;color:#fff;font-family:var(--display);font-weight:700;font-size:14px;padding:8px 16px 8px calc(16px + var(--jig-knob));margin-left:calc(-1 * var(--jig-knob));border-radius:4px 12px 12px 4px;clip-path:polygon(var(--jig-knob) 0%,100% 0%,100% 100%,var(--jig-knob) 100%,var(--jig-knob) 68%,0% 60%,0% 40%,var(--jig-knob) 32%);box-shadow:0 3px 0 var(--orange-dk);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.hud.top .link-back,.guess-head .link-back,.collage-head .link-back{align-self:center}.link-back:hover{filter:brightness(1.08);transform:translate(-2px)}.link-back:active{transform:translateY(2px);box-shadow:0 1px 0 var(--orange-dk)}.link-back:focus-visible{outline:3px solid var(--blue-lt);outline-offset:3px}.linky{background:none;border:0;color:var(--text-dim);font-size:12.5px;text-decoration:underline;padding:2px 0}.linky:hover{color:var(--text)}@keyframes menu-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.daily{animation:menu-enter .4s ease both;animation-delay:.08s}@media(prefers-reduced-motion:reduce){.daily{animation:none}}.sheet-page{padding:28px 26px 64px;display:flex;flex-direction:column;gap:14px;animation:menu-enter .25s ease both}@media(prefers-reduced-motion:reduce){.sheet-page{animation:none}}.sheet-page h2,.dash h2{font-family:var(--display);font-size:26px;margin:6px 0 0}.sheet-page h3,.dash h3{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin:18px 0 8px}.sheet-page section{margin:0}.login-screen{position:relative;z-index:1;max-width:440px;margin:0 auto;padding:28px 22px 64px;display:flex;flex-direction:column;gap:16px}.login-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:28px 24px 26px;border-radius:20px;background:radial-gradient(120% 140% at 50% -10%,rgba(255,201,28,.16),transparent 60%),linear-gradient(180deg,#2b86f51f,#06152c8c);border:1px solid rgba(255,201,28,.25);box-shadow:0 10px #06152c80,0 0 0 1px #8cc4ff0f inset;animation:menu-enter .3s ease both}@media(prefers-reduced-motion:reduce){.login-card{animation:none}}.login-badge{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;color:#fff;background:linear-gradient(180deg,var(--yellow),var(--orange));box-shadow:0 4px 0 var(--orange-dk);margin-bottom:4px}.login-card h2{font-family:var(--display);font-size:24px;margin:0}.login-card .dim{font-size:14px;margin:0 0 4px}.login-tabs{display:flex;width:100%;padding:4px;border-radius:12px;background:#06152c99;border:1px solid var(--line);gap:4px;margin-bottom:6px}.login-tab{flex:1;padding:9px 12px;border-radius:9px;border:0;background:transparent;color:var(--text-dim);font-family:var(--display);font-weight:700;font-size:13.5px;transition:background .12s ease,color .12s ease}.login-tab.on{color:var(--navy-deep);background:linear-gradient(180deg,var(--yellow),var(--orange))}.login-tab:focus-visible{outline:3px solid var(--blue-lt);outline-offset:2px}.login-card form{width:100%;text-align:left}.login-submit{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.avatar-edit{padding:0;border:0;border-radius:50%;background:none;position:relative}.avatar-edit:hover .avatar{filter:brightness(.8)}.avatar-edit:focus-visible{outline:3px solid var(--blue-lt);outline-offset:2px}.who{display:flex;align-items:center;gap:11px}.who>span:last-child,.who>div{display:flex;flex-direction:column;gap:1px;min-width:0}.who strong{font-size:15px}.who .dim{font-size:12.5px}.who.small .avatar{width:32px;height:32px;font-size:14px}.avatar{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;object-fit:cover;font-family:var(--display);font-weight:700;font-size:18px;color:#fff;background:var(--navy-soft)}.people{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.people li{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#06152c73;border:1px solid var(--line);transition:border-color .12s ease,background .12s ease}.people li:hover{border-color:var(--blue-lt);background:#06152c99}.invite{display:flex;flex-direction:column;gap:4px;min-width:0}.wall{padding:28px 26px 64px;display:flex;flex-direction:column;gap:16px}.wall-head{display:flex;flex-direction:column;gap:4px}.wall-head h2{font-family:var(--display);font-size:28px;margin:6px 0 0}.filters{display:flex;flex-direction:column;gap:9px}.wall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px}.tile{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#06152c8c;border:1px solid var(--line)}.tile-face{position:relative;display:block;width:100%;padding:0;border:0;background:var(--navy-deep);aspect-ratio:4 / 3;overflow:hidden}.tile-face img{width:100%;height:100%;object-fit:cover;display:block}.tile-face:hover img{transform:scale(1.03)}.tile-face img{transition:transform .2s ease}.tile-blank{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;height:100%;color:var(--blue-lt);font-size:12.5px;background:repeating-linear-gradient(45deg,rgba(140,196,255,.07) 0 10px,transparent 10px 20px),var(--navy-soft)}.tile-go{position:absolute;right:8px;bottom:8px;padding:5px 11px;border-radius:999px;font-family:var(--display);font-size:12.5px;color:var(--navy-deep);background:var(--yellow)}.tile-body{display:flex;flex-direction:column;gap:5px;padding:11px 12px 12px}.tile-title{font-family:var(--display);font-size:15.5px;line-height:1.2}.tile-meta{font-size:12px}.tile-actions{display:flex;align-items:center;gap:12px;margin-top:3px}.tile-actions .dim{display:inline-flex;align-items:center;gap:4px}.heart{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 7px;border-radius:999px;font-size:13px;color:var(--text-dim);background:#8cc4ff1a;border:1px solid var(--line)}.heart.on{color:#ff8aa8;border-color:#ff8aa880}.heart.on svg{fill:#ff8aa8}@media(max-width:520px){.wall-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.thumb{width:42px;height:42px;flex:none;border-radius:10px;object-fit:cover;background:var(--navy-deep)}.who.small .thumb{width:32px;height:32px}.heart-plain{display:inline-flex;align-items:center;gap:5px}.badge{min-width:20px;padding:1px 6px;border-radius:999px;font-family:var(--display);font-size:12px;font-weight:700;color:var(--navy-deep);background:var(--yellow)}.shell{--rail: 246px;min-height:100%;padding-left:var(--rail)}.shell-rail{position:fixed;top:0;left:0;bottom:0;z-index:5;width:var(--rail);display:flex;flex-direction:column;gap:12px;padding:16px 12px 14px;overflow-y:auto;background:#06152cbd;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shell-brand{padding:6px 10px 2px;background:none;border:0;border-radius:12px}.shell-brand img{display:block;width:100%;height:auto}.shell-brand:focus-visible{outline:3px solid var(--blue-lt);outline-offset:2px}.shell-nav{display:flex;flex-direction:column;gap:2px;flex:1}.wip-ribbon{position:fixed;top:0;right:0;z-index:60;width:190px;height:190px;overflow:hidden;pointer-events:none}.wip-ribbon span{position:absolute;top:44px;right:-62px;width:280px;transform:rotate(45deg);padding:9px 0;text-align:center;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#06152c;background:repeating-linear-gradient(-45deg,var(--yellow) 0 12px,#e0ad0a 12px 24px);box-shadow:0 4px 16px #00000073,0 0 0 2px #06152c80}@media(max-width:900px){.wip-ribbon{width:130px;height:130px}.wip-ribbon span{top:26px;right:-70px;width:240px;font-size:10.5px;padding:6px 0}}.shell-group{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin:16px 0 5px 11px}.shell-group:first-child{margin-top:6px}.shell-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:0;border-radius:10px;background:none;color:var(--text-dim);font-family:var(--display);font-weight:700;font-size:14.5px;text-align:left;transition:background .12s ease,color .12s ease}.shell-item svg{flex:none}.shell-item:hover{background:#8cc4ff29;color:#fff}.shell-item.on{color:#fff;background:#2b86f538;box-shadow:inset 3px 0 0 var(--yellow)}.shell-item:focus-visible{outline:3px solid var(--blue-lt);outline-offset:-2px}.shell-item .badge{margin-left:auto}.shell-foot{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.shell-me{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:12px;border:1px solid var(--line);background:#06152c99;color:var(--text);text-align:left;transition:border-color .12s ease}.shell-me:hover{border-color:var(--blue-lt)}.shell-me.on{border-color:#ffc91c80}.shell-me:focus-visible{outline:3px solid var(--blue-lt);outline-offset:2px}.shell-me .avatar{width:34px;height:34px;font-size:15px}.shell-me-text{display:flex;flex-direction:column;min-width:0}.shell-me-text strong{font-family:var(--display);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-me-text .dim{font-size:11.5px}.shell-out{display:flex;align-items:center;gap:9px;width:100%;padding:8px 11px;border:0;border-radius:10px;background:none;color:var(--text-dim);font-family:var(--display);font-weight:700;font-size:13.5px;text-align:left;transition:background .12s ease,color .12s ease}.shell-out:hover{background:#e5484d29;color:#ff9a9d}.shell-out:focus-visible{outline:3px solid var(--blue-lt);outline-offset:-2px}.shell-rail .langs{margin:0;flex-wrap:wrap}.avatar-guest{background:#06152c99;color:var(--text-dim)}.shell-main{position:relative;z-index:1;min-height:100%}.shell-bar,.shell-scrim{display:none}@media(max-width:900px){.shell{padding-left:0}.shell-bar{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#06152ce0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shell-burger,.shell-bar-me{position:relative;display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:10px;border:1px solid var(--line);background:#06152c99;color:var(--text);flex:none}.shell-bar-me .avatar{width:28px;height:28px;font-size:13px}.shell-bar-me .badge.dot{position:absolute;top:-3px;right:-3px;min-width:10px;height:10px;padding:0}.shell-bar-brand{flex:1;display:flex;justify-content:center;background:none;border:0}.shell-bar-brand img{height:26px;width:auto}.shell-rail{transform:translate(-100%);transition:transform .18s ease}.shell-rail.open{transform:none;box-shadow:0 0 50px #030a1699}.shell-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:block;padding:0;border:0;background:#030a1699}}@media(prefers-reduced-motion:reduce){.shell-rail{transition:none}}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:20px;align-items:start}.two-col>.col{display:flex;flex-direction:column;gap:16px;min-width:0}.two-col>section.col{display:block}.two-col .stat-grid{grid-template-columns:1fr 1fr}@media(max-width:1000px){.two-col{grid-template-columns:minmax(0,1fr)}}.dash{padding:28px 26px 64px;display:flex;flex-direction:column;gap:24px;animation:menu-enter .25s ease both}@media(prefers-reduced-motion:reduce){.dash{animation:none}}.dash header h2{margin:0}.dash header p{margin:4px 0 0}.dash section{display:flex;flex-direction:column}.dash h3{margin:0 0 10px}.dash-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:4px}.dash-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:22px;align-items:start}.dash-main,.dash-side{display:flex;flex-direction:column;gap:24px;min-width:0}.dash-side .stat-grid{grid-template-columns:1fr 1fr}.dash-side .standings{gap:6px}@media(max-width:1000px){.dash-grid{grid-template-columns:minmax(0,1fr)}}.daily.primary{background:linear-gradient(100deg,var(--orange),var(--orange-dk));border-color:#ffc91c80}.daily.primary svg{color:#fff}.daily.primary .daily-text span{color:#ffffffd9}.daily.done{background:#06152c80;border-color:var(--line)}.daily.done svg{color:var(--blue-lt)}.dash-resume{display:flex;align-items:stretch;gap:8px}.dash-resume .daily{background:linear-gradient(100deg,#7a3ff0,#5622c2);border-color:#a078ff80}.dash-resume .daily svg{color:#fff}.dash-resume .daily-text span{color:#fffc}.dash-head{display:flex;align-items:baseline;gap:14px}.dash-head .linky{font-family:var(--body);font-size:12.5px;letter-spacing:0;text-transform:none}.dash-guest{font-size:13.5px;margin:0}.dash .stat strong{font-size:20px}.dash .wall-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.account-head{display:flex;align-items:center;gap:14px}.account-head h2{margin:0}.account-head p{margin:2px 0 0}.account-head-avatar{width:64px;height:64px;font-size:26px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}.tab{padding:9px 14px;margin-bottom:-1px;background:none;border:0;border-bottom:2px solid transparent;color:var(--text-dim);font-family:var(--display);font-weight:700;font-size:14.5px}.tab:hover{color:var(--text)}.tab.on{color:var(--yellow);border-bottom-color:var(--yellow)}.tab:focus-visible{outline:3px solid var(--blue-lt);outline-offset:-2px}.card{padding:16px;border-radius:14px;background:#06152c80;border:1px solid var(--line)}.card .field:last-of-type{margin-bottom:16px}.card-rule{border:0;border-top:1px solid var(--line);margin:18px 0}.card>.btn,.card>a.btn,.card>form{margin-top:12px}.card .field input[readonly]{color:var(--text-dim)}.photo-row{align-items:center;gap:16px}.photo-actions{display:flex;flex-direction:column;gap:8px}.avatar-big{width:78px;height:78px;font-size:32px}.saved-note{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--blue-lt)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px}.stat{display:flex;flex-direction:column;gap:2px;padding:12px 13px;border-radius:12px;background:#06152c80;border:1px solid var(--line)}.stat strong{font-family:var(--display);font-size:23px;line-height:1.1;color:var(--yellow);font-variant-numeric:tabular-nums}.stat span{font-size:12px;color:var(--text-dim)}.drop,.tile-face,.chip-person,.avatar-edit,[role=button]{cursor:pointer}.tile{transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.tile:hover,.tile:focus-within{transform:translateY(-3px);border-color:var(--blue-lt);box-shadow:0 8px 20px #030a1680}.tile:active{transform:translateY(-1px)}.daily:hover{filter:brightness(1.06)}.shell-item:active{transform:translate(2px)}.shell-brand,.shell-bar-brand{transition:filter .12s ease,transform .12s ease}.shell-brand:hover img,.shell-bar-brand:hover img{filter:brightness(1.1) drop-shadow(0 0 12px rgba(255,201,28,.35))}.shell-brand:active,.shell-bar-brand:active{transform:translateY(1px)}.shell-burger,.shell-bar-me{transition:border-color .12s ease,background .12s ease}.shell-burger:hover,.shell-bar-me:hover{border-color:var(--blue-lt);background:#8cc4ff29}.shell-burger:focus-visible,.shell-bar-me:focus-visible{outline:3px solid var(--blue-lt);outline-offset:2px}.tab{transition:color .12s ease,background .12s ease,border-color .12s ease}.tab:hover{background:#8cc4ff1a}.linky{transition:color .12s ease}.linky:hover{color:var(--yellow)}.langs .lang:active,.chip:active,.tab:active{transform:translateY(1px)}.people li:hover{border-color:var(--blue-lt)}.chip-person:hover strong{color:var(--yellow)}.leaderboard-list li:has(.linky:hover){border-color:var(--blue-lt)}.review-card{display:flex;flex-direction:column;gap:11px;padding:14px;border-radius:14px;background:#06152c8c;border:1px solid var(--line)}.review-head{display:flex;flex-direction:column;gap:3px}.review-head strong{font-family:var(--display);font-size:17px}.review-cover{max-width:320px;border-radius:10px}.review-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:4px;max-width:520px}.review-tiles img{width:100%;aspect-ratio:1;object-fit:contain;background:#8cc4ff0f;border-radius:6px}.empty-day{border-style:dashed}select{font-family:var(--body);font-size:14px;color:var(--text);background:#06152cb3;border:1px solid var(--line);border-radius:10px;padding:8px 10px;max-width:260px}.chip-person{background:none;border:0;padding:0;color:inherit;text-align:left}.chip-person:hover strong{text-decoration:underline}.tile-meta .linky{font-size:inherit}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.board-canvas:focus-visible{outline:3px solid var(--blue-lt);outline-offset:-3px}.sound-settings{display:flex;flex-direction:column;gap:18px}.sound-row{display:flex;align-items:center;gap:14px}.sound-row label{flex:1;display:flex;flex-direction:column;gap:10px;font-size:14px}.sound-row output{font-family:var(--mono);font-size:12px;color:var(--text-dim)}.sound-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;margin:0;background:transparent;cursor:pointer}.sound-row input[type=range]:disabled{cursor:not-allowed;opacity:.4}.sound-row input[type=range]:focus-visible{outline:3px solid var(--blue-lt);outline-offset:3px;border-radius:99px}.sound-row input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--yellow) var(--fill, 50%),rgba(6,21,44,.7) var(--fill, 50%));border:1px solid var(--line)}.sound-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:linear-gradient(180deg,#fff,var(--yellow));border:2px solid var(--orange-dk);box-shadow:0 2px #06152c80}.sound-row input[type=range]:disabled::-webkit-slider-thumb{background:var(--text-dim);border-color:var(--navy-deep)}.sound-row input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:#06152cb3;border:1px solid var(--line)}.sound-row input[type=range]::-moz-range-progress{height:8px;border-radius:99px;background:var(--yellow)}.sound-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#fff,var(--yellow));border:2px solid var(--orange-dk);box-shadow:0 2px #06152c80}.sound-row input[type=range]:disabled::-moz-range-thumb{background:var(--text-dim);border-color:var(--navy-deep)}.sound-mute{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--text);cursor:pointer}.sound-mute input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;margin:0;border-radius:7px;background:#06152cb3;border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;transition:background .12s ease,border-color .12s ease}.sound-mute input[type=checkbox]:before{content:"";width:12px;height:12px;transform:scale(0);transition:transform .1s ease;clip-path:polygon(14% 44%,0 61%,35% 100%,100% 21%,84% 6%,33% 68%);background:var(--navy-deep)}.sound-mute input[type=checkbox]:checked{background:linear-gradient(180deg,var(--yellow),var(--orange));border-color:var(--orange-dk)}.sound-mute input[type=checkbox]:checked:before{transform:scale(1)}.sound-mute input[type=checkbox]:focus-visible{outline:3px solid var(--blue-lt);outline-offset:2px}.tool-actions{display:contents}.tools-toggle{display:none}@media(max-height:720px){.tools-toggle{display:inline-flex}.tools .tool-actions{display:none}.tools.open .tool-actions{display:contents}}