:root{--ink:#241f33;--muted:#6e6880;--surface:#fffaf3;--surface-2:#fbefdf;--line:#241f331a;--tangerine:#ff7a3d;--honey:#ffb830;--gold:#ffc53d;--matcha:#5fc98f;--blueberry:#5b8cff;--raspberry:#ee4d6e;--grape:#a66bff;--display:"Outfit", var(--body);--body:"Outfit", var(--body);--shadow-1:0 1px 2px #241f330f, 0 6px 18px #241f331a;--shadow-2:0 2px 6px #241f3314, 0 18px 48px #241f3338;--shadow-btn:0 1px 2px #241f3314, 0 6px 16px #ff7a3d59;--grad-primary:linear-gradient(135deg, var(--tangerine), var(--honey));--r-card:26px;--r-ctl:14px}html,body{-webkit-user-select:none;user-select:none;background:#86c865;width:100%;height:100%;margin:0;overflow:hidden}canvas{cursor:crosshair;touch-action:none;width:100vw;height:100vh;display:block}.card{font-family:var(--body);color:var(--ink);z-index:10;background:#1d1a2673;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card.hidden{display:none}.card form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);width:min(440px,100vw - 32px);box-shadow:var(--shadow-2);text-align:center;-webkit-user-select:text;user-select:text;animation:.5s cubic-bezier(.2,1.4,.3,1) both cardpop;overflow:hidden}.card form .band{border-bottom:1px solid var(--line);background:#ffe27a radial-gradient(120% 140% at 100% 0,#ffffff8c,#fff0 60%);padding:16px 22px}.card form .band img{width:auto;height:56px;margin:0 auto;display:block}.card form .inner{flex-direction:column;gap:12px;padding:18px 26px 22px;display:flex}.card label{font-size:18px;font-weight:700}.card input{font:600 22px var(--body);color:var(--ink);text-align:center;border:1px solid var(--line);background:#fff;border-radius:14px;outline:none;padding:12px}.card input:focus{border-color:#4fc3f7}.card .peek{justify-content:center;gap:8px;display:flex}.card .peek img{width:44px;height:44px}.card button{font:800 24px var(--display);letter-spacing:.02em;letter-spacing:.5px;color:#fff;background:var(--grad-primary);box-shadow:var(--shadow-btn);border:1px solid var(--line);cursor:pointer;box-shadow:var(--shadow-1);border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;display:inline-flex}.card button .play{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid #fff;width:0;height:0}.card button:active{filter:brightness(.97);transform:translateY(1px)scale(.98)}.card .fine{color:var(--muted);margin:0;font-size:12px}@keyframes cardpop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:none}}.cards{pointer-events:none;font-family:var(--body);color:var(--ink);z-index:9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cards.hidden{display:none}.gcard{pointer-events:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);width:min(560px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-2);-webkit-user-select:none;user-select:none;animation:.5s cubic-bezier(.2,1.4,.3,1) both cardpop;overflow:auto}.gcard.compact{width:min(420px,100%)}.gcard .band{border-bottom:1px solid var(--line);background:var(--band,var(--surface-2));background-image:radial-gradient(120% 140% at 100% 0,#ffffff8c,#fff0 60%);align-items:center;gap:16px;padding:16px 20px;display:flex}.gcard .glyph{background:var(--surface);border:1px solid var(--line);width:66px;height:66px;box-shadow:var(--shadow-1);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.gcard .glyph.gold{background:var(--gold)}.gcard .glyph svg{width:46px;height:46px}.gcard h4{font:800 26px/1.05 var(--display);letter-spacing:.02em;letter-spacing:.5px;text-transform:uppercase;margin:0}.gcard .sub{font:600 13px var(--body);opacity:.75;letter-spacing:.3px;margin-top:4px}.gcard .body{padding:16px 20px 4px}.gcard .line{margin:0 0 10px;font-size:15px}.gcard .dim{color:var(--muted);font-weight:600}.gcard .small{font-size:13px}.gcard .scorebig{flex-wrap:wrap;align-items:center;gap:12px;margin:2px 0 12px;display:flex}.gcard .scorebig.small{margin-top:8px}.gcard .scorebig .n{font:800 42px/1 var(--display);letter-spacing:.02em}.gcard .scorebig.small .n{font-size:30px}.gcard .scorebig>svg{width:32px;height:32px}.gcard .push{margin-left:auto}.gcard .chips{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.gcard .chip{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 8px;font-size:14px;font-weight:600;animation:.4s both chiprise;display:inline-flex}.gcard .chip svg{width:18px;height:18px}.gcard .chip.gold{background:var(--gold)}.gcard .chips .chip:nth-child(2){animation-delay:60ms}.gcard .chips .chip:nth-child(3){animation-delay:.12s}.gcard .chips .chip:nth-child(4){animation-delay:.18s}.gcard .chips .chip:nth-child(5){animation-delay:.24s}@keyframes chiprise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gcard .machine{color:#4a3f7a;background:#efe9ff;border:1px solid #a66bff59;border-radius:12px;margin:0 0 12px;padding:8px 12px;font-size:14px}.gcard .facts{margin:6px 0 0;padding-left:18px}.gcard .cta{flex-direction:column;align-items:center;gap:10px;padding:4px 20px 12px;display:flex}.gcard .cta.tall{padding-top:18px}.gcard .btn{font:600 15px var(--body);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-1);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;display:inline-flex}.gcard .btn:active{filter:brightness(.97);transform:translateY(1px)scale(.98)}.gcard .btn[disabled]{opacity:.55;cursor:default;box-shadow:none;border-color:#9a948a}.gcard .btn.primary{font:800 24px var(--display);letter-spacing:.02em;letter-spacing:.5px;background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-btn);box-shadow:var(--shadow-1);padding:13px 36px}.gcard .btn.primary:active{filter:brightness(.97);transform:translateY(1px)scale(.98)}.gcard .btn .play{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:15px solid #fff;width:0;height:0}.gcard .btn svg{width:18px;height:18px}.gcard .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gcard.locked .btn{pointer-events:none;opacity:.6}.gcard .sharenote{min-height:16px}.gcard .foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 20px 12px;font-size:14px;display:flex}.gcard .foot.centre{justify-content:center}.gcard .hearts{align-items:center;gap:3px;display:inline-flex}.gcard .hearts svg{width:18px;height:18px}.gcard .livesrow{flex-wrap:wrap;align-items:center;gap:14px;margin:4px 0 12px;display:flex}.gcard .livesrow .hearts svg{width:26px;height:26px}.gcard .ring{background:conic-gradient(var(--raspberry) 0 var(--p,30%), var(--surface-2) var(--p,30%) 100%);border:1px solid var(--line);vertical-align:middle;border-radius:50%;width:20px;height:20px;margin:0 6px 0 0;display:inline-block}.gcard .coin{color:var(--ink);align-items:center;gap:5px;font-weight:700;display:inline-flex}.gcard .coin i{background:var(--gold);border:1px solid var(--line);border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:inset -2px -2px #0000001f}.gcard .stars{gap:10px;margin:4px 0 2px;display:flex}.gcard .stars svg{width:52px;height:52px;animation:.5s cubic-bezier(.2,1.6,.3,1) both starpop}.gcard .stars svg:nth-child(2){animation-delay:.15s}.gcard .stars svg:nth-child(3){animation-delay:.3s}@keyframes starpop{0%{transform:scale(0)rotate(-20deg)}to{transform:none}}.gcard .bar{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;height:12px;margin:6px 0 10px;overflow:hidden}.gcard .bar i{background:var(--gold);height:100%;transition:width .6s;display:block}.gcard .ribbon{background:var(--gold);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;margin:2px 0 10px;padding:6px 12px;font-weight:700;display:inline-flex}.gcard .ribbon svg{width:26px;height:26px}.gcard .iconbtns{justify-content:center;gap:10px;display:flex}.gcard .iconbtn{border:1px solid var(--line);width:50px;height:50px;box-shadow:var(--shadow-1);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.gcard .iconbtn:active{filter:brightness(.97);transform:translateY(1px)scale(.98)}.gcard .iconbtn svg{width:22px;height:22px}@media (width<=520px){.gcard h4{font-size:21px}.gcard .glyph{width:54px;height:54px}.gcard .glyph svg{width:38px;height:38px}.gcard .btn.primary{padding:11px 28px;font-size:20px}.gcard .scorebig .n{font-size:34px}}.menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);width:min(760px,100vw - 24px);max-height:calc(100vh - 24px);box-shadow:var(--shadow-2);-webkit-user-select:text;user-select:text;flex-direction:column;display:flex;overflow:hidden}.menu header{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px 10px;display:flex}.menu img.logo{width:auto;height:36px;display:block}.menu .wordmark{font-family:var(--display);color:var(--gold);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-size:28px;font-weight:800}.menu .tabs{flex-wrap:wrap;flex:1;gap:6px;display:flex}.menu .tabs button,.menu .close{font:600 14px var(--body);border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer;border-radius:10px;padding:6px 12px}.menu .tabs button.on{background:var(--gold)}.menu .close{background:#fff;width:36px;height:36px;padding:0;font-size:22px;line-height:1}.menu .body{padding:14px 20px 20px;font-size:15px;line-height:1.45;overflow:auto}.menu h3{font-family:var(--display);margin:10px 0 8px;font-size:18px;font-weight:400}.menu p{margin:6px 0 10px}.menu .row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:10px 0;display:flex}.menu .row:last-child{border-bottom:0}.menu .icon{flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.menu .icon img{max-width:48px;max-height:48px}.menu .icon.ring{border:3px solid var(--c);background:color-mix(in srgb, var(--c) 25%, transparent);border-radius:50%}.menu .icon.ring img{max-width:40px;max-height:40px}.menu .name{font-family:var(--display);margin-bottom:2px;font-size:15px;font-weight:800}.menu .insig{vertical-align:middle;margin-right:6px;display:inline-block}.menu .insig svg{display:block}.menu .insig.big{margin-right:8px}.menu tr.locked td{opacity:.55}.menu tr.locked .insig{filter:grayscale()}.menu .badges{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:6px 0 4px;display:grid}.menu .badge{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.menu .badge svg{flex:none}.menu .badge.locked{opacity:.55}.menu .badge.locked svg{filter:grayscale()}.menu .tox{letter-spacing:1px;color:var(--raspberry);vertical-align:1px;margin-left:4px;font-size:11px}.menu .icon.ring svg{width:40px;height:40px}.menu .meta{color:var(--muted);font-size:13px}.menu .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.menu .char{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.menu .char.on{box-shadow:0 0 0 3px var(--gold);background:#fff6cf}.menu .char .pic{background:var(--tint);border-radius:50%;width:72px;height:72px;margin:0 auto 4px;position:relative}.menu .char .pic img{width:84%;height:84%;position:absolute;top:8%;left:8%}.menu .char .pic img.face{width:52%;height:auto;top:36%;left:24%}.menu .bars{color:var(--muted);text-align:left;grid-template-columns:44px 1fr;align-items:center;gap:4px 6px;margin:6px 0 2px;font-size:10px;display:grid}.menu .bar{border:1px solid var(--line);background:var(--surface-2);border-radius:5px;height:7px;overflow:hidden}.menu .bar i{background:var(--c);height:100%;display:block}.menu button.pick,.menu button.act{font:600 14px var(--body);border:1px solid var(--line);background:var(--gold);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-1);border-radius:10px;margin-top:6px;padding:7px 12px}.menu button.pick:disabled{background:var(--surface-2);box-shadow:none;cursor:default}.menu table{border-collapse:collapse;width:100%}.menu td{border-bottom:1px solid var(--line);vertical-align:top;padding:6px 8px}.menu td:first-child{white-space:nowrap;width:70px;font-weight:600}.menu .note{color:var(--muted);font-size:13px}.menu kbd{font:600 12px var(--body);border:1px solid var(--line);background:#fff;border-radius:6px;margin:0 1px;padding:1px 6px}.menu .body .band{border-bottom:1px solid var(--line);background:var(--band,var(--surface-2));background-image:radial-gradient(120% 140% at 100% 0,#ffffff8c,#fff0 60%);align-items:center;gap:14px;margin:-14px -20px 14px;padding:14px 20px;display:flex}.menu .body .band h4{font:800 22px/1.05 var(--display);letter-spacing:.02em;letter-spacing:.5px;text-transform:uppercase;margin:0}.menu .body .band .sub{font:600 12px var(--body);opacity:.75;letter-spacing:.4px;margin-top:3px}.menu .tiles{grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 8px;display:grid}@media (width<=640px){.menu .tiles{grid-template-columns:1fr}.menu .body .band{margin:-12px -14px 12px;padding:12px 14px}}.menu .ptile{border:1px solid var(--line);background:#fff;border-radius:14px;gap:12px;padding:10px;display:flex}.menu .ptile .ic{border:1px solid var(--line);border-radius:14px;flex:none;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.menu .ptile .ic svg,.menu .ptile .ic img{width:48px;height:48px}.menu .ptile .nm{font:800 15px var(--display);letter-spacing:.02em;margin-bottom:2px}.menu .ptile .tox{gap:3px;margin:4px 0 6px;display:flex}.menu .ptile .tox i{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;width:18px;height:7px}.menu .ptile .tox i.on{background:var(--tc)}.menu .ptile .bl{font-size:13px;line-height:1.35}.menu .ptile .st{color:var(--muted);margin-top:4px;font-size:11px}.menu h4.world{font:normal 14px var(--display);letter-spacing:.5px;margin:14px 0 0}.menu h4.world span{font:500 12px var(--body);color:var(--muted)}.menu .lvls{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;margin:8px 0 4px;display:grid}.menu .lvl{border:1px solid var(--line);color:var(--ink);cursor:pointer;font-family:var(--body);box-shadow:var(--shadow-1);background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;display:flex;position:relative}.menu .lvl b{font:normal 22px var(--display)}.menu .lvl .pips{color:var(--gold);-webkit-text-stroke:.6px var(--ink);letter-spacing:1px;font-size:15px}.menu .lvl .time{color:var(--muted);font-size:11px}.menu .lvl.current{box-shadow:0 0 0 3px var(--gold), 0 3px 0 var(--ink);background:#fff6cf}.menu .lvl.locked{background:var(--surface-2);color:#9a948a;box-shadow:none;cursor:default}.menu .lvl.machine:not(.locked):after,.menu .lvl.machine.locked:after{content:"⌁";color:var(--raspberry);font-size:12px;position:absolute;top:4px;right:8px}.menu table.runs th{text-align:left;border-bottom:2px solid var(--ink);padding:6px 8px;font-size:13px;font-weight:600}.menu table.runs td{font-size:13px}.menu input[type=range]{width:100%;accent-color:var(--gold);margin-top:6px}.replay canvas{border:1px solid var(--line);border-radius:12px;width:100%;height:auto;display:block}.replay .controls{align-items:center;gap:10px;margin:10px 0 4px;display:flex}.replay .controls .scrub{accent-color:var(--gold);flex:1}.replay .time{color:var(--muted);text-align:right;min-width:96px;font-size:13px}.replay select{font:600 13px var(--body);border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 6px}.menu button.act.small{box-shadow:var(--shadow-1);margin:0;padding:4px 10px;font-size:12px}@media (width<=640px){.menu header{grid-template-columns:1fr auto;gap:8px 12px;padding:10px 12px 8px;display:grid}.menu img.logo{grid-area:1/1;height:30px}.menu .close{grid-area:1/2}.menu .tabs{scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;grid-area:2/1/auto/-1;gap:8px;padding:2px 2px 4px;overflow-x:auto}.menu .tabs::-webkit-scrollbar{display:none}.menu .tabs button{scroll-snap-align:start;flex:none;padding:8px 14px;font-size:15px}.menu .body{padding:12px 14px 16px}}canvas{cursor:url(/assets/cursors/ring.svg) 16 16,crosshair}canvas.cursor-boost{cursor:url(/assets/cursors/boost.svg) 16 16,crosshair}canvas.cursor-armour{cursor:url(/assets/cursors/armour.svg) 16 16,crosshair}.installbar{background:var(--surface);border:1px solid var(--line);width:min(560px,100vw - 32px);box-shadow:var(--shadow-1);font-family:var(--body);color:var(--ink);z-index:8;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 14px;font-size:14px;display:flex;position:fixed;bottom:44px;left:50%;transform:translate(-50%)}.installbar.hidden{display:none}.installbar .line{flex:260px}.installbar .hint{color:var(--muted);flex:100%;font-weight:600}.installbar .acts{gap:8px;display:flex}.installbar .act{font:700 14px var(--body);border:1px solid var(--line);background:var(--gold);color:var(--ink);cursor:pointer;border-radius:999px;padding:7px 14px}.installbar .act.quiet{background:var(--surface)}.gcard .dailynote{margin-top:-4px}.menu .shopnav{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.menu .shopnav button{font:600 13px var(--body);border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px}.menu .shopnav button.on{background:var(--gold)}.menu .shopnote{color:var(--muted);min-height:1.2em;margin:-4px 0 10px;font-weight:600}.menu .shelf{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.menu .item{border:1px solid var(--line);background:#fff;border-radius:14px;gap:12px;padding:10px;display:flex}.menu .item.on{box-shadow:0 0 0 3px var(--gold);background:#fff6cf}.menu .item .ic{border:1px solid var(--line);background:var(--tint);border-radius:14px;flex:none;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.menu .item .ic svg{width:46px;height:46px}.menu .item .body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.menu .item .nm{font:800 15px var(--display);letter-spacing:.02em}.menu .item .nm .tag{font:600 10px var(--body);background:var(--surface-2);vertical-align:middle;border-radius:999px;padding:1px 6px}.menu .item .bl{font-size:13px}.menu .item .st{color:var(--muted);font-size:12px}.menu .item .tiers{gap:3px;margin:2px 0;display:flex}.menu .item .tiers i{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;width:18px;height:7px}.menu .item .acts{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.menu .item .maxed{font:600 13px var(--body);color:var(--muted);padding:7px 12px}.menu button.pick.quiet{background:#fff}body{font-family:var(--body)}.card{-webkit-backdrop-filter:blur(6px);background:#241f3366}.card form,.gcard,.menu{box-shadow:var(--shadow-2);border:1px solid #fff9}.card form .band,.gcard .band,.menu .body .band{border-bottom:1px solid var(--line)}.gcard .glyph{box-shadow:var(--shadow-1);border:none}.gcard .btn{border:1px solid var(--line);box-shadow:var(--shadow-1);background:#fff;font-weight:600}.gcard .btn.primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-btn);letter-spacing:.02em;border:none}.gcard .btn.primary .play{border-left-color:#fff}.gcard .iconbtn{border:1px solid var(--line);box-shadow:var(--shadow-1)}.gcard .chip{border:1px solid var(--line);background:var(--surface-2)}.gcard .chip.gold{background:#fff1c2;border-color:#0000}.gcard .ring{border:none;box-shadow:inset 0 0 0 2px #fff}.gcard .coin i{border:none;box-shadow:inset -2px -2px #0000001f}.gcard .bar,.menu .bar{background:var(--surface-2);border:none}.gcard .ribbon{background:#fff1c2;border:none}.menu header{-webkit-backdrop-filter:blur(8px);background:#ffffffb3}.menu .tabs button,.menu .close{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:7px 13px;font-weight:600}.menu .tabs button:hover{background:var(--surface-2);color:var(--ink)}.menu .tabs button.on{background:var(--ink);color:#fff}.menu .close{background:var(--surface-2);color:var(--ink)}.menu button.pick,.menu button.act,.installbar .act,.shopnav button{border:1px solid var(--line);box-shadow:var(--shadow-1);background:#fff;border-radius:999px;font-weight:600}.menu button.pick.buy,.menu button.pick:not(:disabled):not(.quiet),.installbar .act:not(.quiet){background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-btn);border:none}.menu button.pick.quiet,.menu button.act{color:var(--ink);background:#fff}.menu button.pick:disabled{background:var(--surface-2);color:var(--muted);box-shadow:none}.menu .shopnav button.on{background:var(--ink);color:#fff;border-color:#0000}.menu .char,.menu .item,.menu .ptile,.menu .badge{border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:18px}.menu .char.on,.menu .item.on{box-shadow:0 0 0 2px var(--tangerine), var(--shadow-1);background:#fff3e4;border-color:#0000}.menu .char .pic{background:var(--tint);justify-content:center;align-items:center;display:flex}.menu .char .pic svg{width:64px;height:64px}.menu .item .ic,.menu .ptile .ic,.menu .item .tiers i,.menu .ptile .tox i{border:none}.menu .item .tiers i.on{background:var(--tangerine)}.installbar{box-shadow:var(--shadow-2);border:1px solid #fff9;border-radius:20px}.card input{border:1px solid var(--line);background:var(--surface-2);box-shadow:inset 0 1px 2px #241f330f}.card input:focus{border-color:var(--tangerine);box-shadow:0 0 0 3px #ff7a3d33}.card button{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-btn);font:800 22px var(--display);letter-spacing:.02em;border:none}.card .peek svg{width:44px;height:44px}.menu .wordmark{-webkit-text-stroke:0;color:var(--ink)}.menu kbd{border:1px solid var(--line);box-shadow:none;background:var(--surface-2)}.menu table{border-collapse:separate;border-spacing:0}.menu td,.menu th{border-bottom:1px solid var(--line)}.menu .field{font:500 15px var(--body);color:var(--ink);border:1px solid var(--line);background:var(--surface-2);box-sizing:border-box;resize:vertical;border-radius:14px;outline:none;width:100%;padding:10px 14px}.menu .field::placeholder{color:var(--muted);opacity:.8}.menu .field:focus{border-color:var(--tangerine);background:#fff;box-shadow:0 0 0 3px #ff7a3d2e}.menu .fieldrow{align-items:center;gap:8px;margin:8px 0;display:flex}.menu .fieldrow .field{flex:1}.menu textarea.field{min-height:110px;margin:8px 0 0;display:block}.avatarbtn{background:var(--surface) center/cover no-repeat;width:46px;height:46px;box-shadow:var(--shadow-1);cursor:pointer;z-index:8;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:12px;right:12px;overflow:hidden}.avatarbtn svg,.avatarbtn img{object-fit:cover;width:100%;height:100%;display:block}.avatarbtn.hidden{display:none}.avatarbtn .dot{background:var(--matcha);border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:2px;right:2px}.account{background:var(--surface);border-radius:var(--r-card);width:min(440px,100vw - 32px);box-shadow:var(--shadow-2);font-family:var(--body);color:var(--ink);-webkit-user-select:text;user-select:text;border:1px solid #fff9;animation:.45s cubic-bezier(.2,1.4,.3,1) both cardpop;overflow:hidden}.account .head{background:var(--surface-2);border-bottom:1px solid var(--line);background-image:radial-gradient(120% 140% at 100% 0,#fff9,#fff0 60%);align-items:center;gap:14px;padding:18px 20px;display:flex}.account .pic{width:72px;height:72px;box-shadow:var(--shadow-1);background:#fff 50%/cover no-repeat;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.account .pic svg,.account .pic img{object-fit:cover;width:100%;height:100%}.account .who{flex:1;min-width:0}.account .who .nm{font:800 24px var(--display);letter-spacing:.01em;line-height:1.1}.account .who .ttl{color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:600;display:inline-flex}.account .who .ttl svg{width:18px;height:18px}.account .close{width:36px;height:36px;box-shadow:var(--shadow-1);cursor:pointer;color:var(--ink);background:#fff;border:none;border-radius:50%;flex:none;font-size:20px}.account .body{flex-direction:column;gap:12px;padding:16px 20px 18px;display:flex}.account .stats{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;display:grid}.account .stat{border:1px solid var(--line);background:#fff;border-radius:14px;padding:8px 10px}.account .stat b{font:800 20px var(--display);display:block}.account .stat span{color:var(--muted);font-size:12px;font-weight:600}.account .btn{font:600 15px var(--body);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-1);cursor:pointer;box-sizing:border-box;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 16px;display:flex}.account .btn.google{background:#fff}.account .btn.google svg{width:18px;height:18px}.account .btn.primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-btn);border:none}.account .btn.quiet{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000}.account .field{font:500 15px var(--body);color:var(--ink);border:1px solid var(--line);background:var(--surface-2);border-radius:999px;outline:none;flex:1;min-width:0;padding:11px 14px}.account .field:focus{border-color:var(--tangerine);background:#fff;box-shadow:0 0 0 3px #ff7a3d2e}.account form{flex-wrap:wrap;gap:8px;display:flex}.account form .field{flex:180px}.account form .btn{flex:150px;width:auto}.account .note{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.account .status{color:var(--muted);min-height:1.2em;margin:0;font-size:13px;font-weight:600}.account .or{text-align:center;color:var(--muted);font-size:12px;font-weight:600}.menu .boardwho{align-items:center;gap:10px;display:inline-flex}.menu .boardwho>span{flex-direction:column;line-height:1.2;display:inline-flex}.menu .boardwho .meta{font-size:11px}.menu .boardpic{background:var(--surface-2);width:30px;height:30px;box-shadow:var(--shadow-1);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.menu .boardpic img,.menu .boardpic svg{object-fit:cover;width:100%;height:100%}