:root{--air:#f2f7f4;--bog:#0e1f16;--bog-deep:#081710;--line:#ffffff1f;--far:#9cc4ad;--near:#d07a4c;--under:#c4402a;--muted:#7a9384;--tile:#1a2b21;--tile-edge:#0a160f;--display:"Georgia",serif;--mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%}body{background:radial-gradient(120% 60% at 50% 118%, #244a32 0%, #142c1e 42%, var(--bog) 70%) fixed, var(--bog);min-height:100%;color:var(--air);font-family:var(--mono);-webkit-font-smoothing:antialiased;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));flex-direction:column;align-items:center;min-height:100dvh;margin:0;display:flex;position:relative}body:before{content:"";z-index:-2;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(40% 30% at 22% 30%,#2b53391f,#0000 70%),radial-gradient(45% 28% at 78% 62%,#1d402b24,#0000 72%),radial-gradient(30% 20% at 60% 18%,#355e4116,#0000 70%);position:fixed;inset:0}.col{flex-direction:column;width:100%;max-width:380px;padding-bottom:230px;display:flex}.bubbles{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bubbles span{width:var(--s,8px);height:var(--s,8px);animation:bubble-rise var(--d,30s) ease-in var(--delay,0s) infinite;position:absolute;bottom:-4%}.bubbles i{width:100%;height:100%;animation:bubble-sway var(--sway,9s) ease-in-out var(--delay,0s) infinite;background:radial-gradient(circle at 35% 30%,#6fae8455,#2f5a3c33 60%,#1c3a2700);border-radius:50%;display:block;box-shadow:0 0 6px #4f8c6322}@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)scale(.6)}10%{opacity:.5}72%{opacity:.4;transform:translateY(-80vh)scale(1)}90%{opacity:.3;transform:translateY(-92vh)scale(1.25)}95%{opacity:0;transform:translateY(-93vh)scale(1.6)}to{opacity:0}}@keyframes bubble-sway{0%{transform:translateX(calc(var(--amp,12px) * -.5))}25%{transform:translateX(var(--amp2,12px))}50%{transform:translateX(calc(var(--amp,12px) * -1))}75%{transform:translateX(calc(var(--amp2,12px) * .6))}to{transform:translateX(calc(var(--amp,12px) * -.5))}}header{flex-direction:column;align-items:center;gap:3px;padding-bottom:12px;display:flex}.title{font-family:"Copperplate","Copperplate Gothic","Copperplate Gothic Light","Castellar",var(--display);letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;margin:0;font-size:28px;font-weight:400;line-height:1}.account{justify-content:center;min-height:18px;margin-bottom:6px;font-size:10px;display:flex}.account[hidden]{display:none}.acct-link{color:var(--muted);cursor:pointer;font-family:var(--mono);letter-spacing:.04em;background:0 0;border:none;padding:2px 4px;font-size:10px;text-decoration:underline}.acct-link:hover{color:var(--far)}.acct-form{align-items:center;gap:6px;margin-top:4px;display:inline-flex}.acct-form[hidden]{display:none}.acct-form input{border:1px solid var(--line);color:var(--air);font-family:var(--mono);background:#ffffff08;border-radius:6px;width:150px;padding:6px 8px;font-size:10px}.acct-form input:focus{border-color:var(--far);outline:none}.acct-form button{border:1px solid var(--far);color:var(--far);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#7fa38f1c;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:700}.acct-note{color:var(--far);text-align:center;min-height:12px;margin-top:4px}.acct-note.warn{color:var(--near)}.acct-out,.acct-in{flex-direction:column;align-items:center;display:flex}.acct-in[hidden],.acct-out[hidden]{display:none}.acct-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.acct-status{color:var(--far);white-space:nowrap}.acct-tick{color:#7fd29a;font-weight:700}.acct-btn{border:1px solid var(--line);color:var(--far);cursor:pointer;font-family:var(--mono);letter-spacing:.06em;background:#ffffff0d;border-radius:6px;padding:3px 9px;font-size:9.5px}.acct-btn:hover{border-color:var(--far);color:var(--air);background:#ffffff1a}.acct-email{color:var(--muted);text-align:center;word-break:break-all;margin-top:5px;font-size:10px}.acct-email[hidden]{display:none}.meters{justify-content:center;margin-bottom:14px;display:flex}.meter{text-align:center;padding:0 15px;position:relative}.meter+.meter:before{content:"";background:var(--line);width:1px;height:68%;position:absolute;top:16%;left:0}.meter .k{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:8px}.meter .v{font-family:var(--display);font-size:19px;line-height:1.25}.msg{text-align:center;letter-spacing:.03em;min-height:15px;color:var(--far);padding:0 0 12px;font-size:11px}.msg.warn{color:var(--near)}.boardwrap{justify-content:center;display:flex}.board{flex-direction:column;align-items:center;gap:9px;width:100%;display:flex}.row{grid-template-columns:repeat(5,1fr);gap:9px;width:100%;transition:opacity .35s,transform .35s;display:grid}.under-live{height:14px}.row.live{position:relative}.keyboard{left:50%;bottom:calc(44px + env(safe-area-inset-bottom));z-index:6;background:linear-gradient(0deg, var(--bog) 78%, #0e1f1600);flex-direction:column;align-items:center;gap:6px;width:100%;max-width:500px;padding:8px 6px;display:flex;position:fixed;transform:translate(-50%)}.kb-row{justify-content:center;gap:5px;width:100%;display:flex}.kb-key{min-width:0;max-width:42px;height:46px;font-family:var(--mono);color:var(--air);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#2a3a31;border:1px solid #ffffff14;border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:background .12s,transform 60ms;display:flex}.kb-key:active{transform:translateY(1px)}.kb-key.kb-wide{letter-spacing:.04em;flex:1.6 1 0;max-width:64px;font-size:11px}.kb-key.hit{color:#ffe3dc;background:#8f1f12;border-color:#a8281a}.kb-key.part{color:#ffdcc6;border-color:var(--near);background:linear-gradient(#a8643c,#5e3018)}.kb-key.out{color:#5d7065;background:#1a241e;border-color:#ffffff08}.row.tagged{margin-top:20px;position:relative;overflow:visible}.tile-tag{font-family:var(--mono);letter-spacing:.08em;white-space:nowrap;color:#fff;pointer-events:none;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:700;position:absolute;top:-15px}.tag-sunk{background:#8f1f12;border:1px solid #a8281a}.tag-sinking{border:1px solid var(--near);background:linear-gradient(#a8643c,#5e3018)}.row.sinking{animation:.34s cubic-bezier(.4,0,.5,1) row-sink}@keyframes row-sink{0%{opacity:.55;transform:translateY(calc(-100% - 9px))}70%{transform:translateY(2px)}to{transform:none}}.tile{aspect-ratio:1;font-family:var(--display);text-transform:uppercase;color:#eef3f0;-webkit-user-select:none;user-select:none;background:linear-gradient(157deg, #1c2a22 0%, var(--tile) 62%);box-shadow:2px 3px 0 0 var(--tile-edge),  0 6px 10px -3px #00000080;border:1px solid #ffffff10;border-top-color:#fff2;border-radius:8px;justify-content:center;align-items:center;font-size:clamp(20px,7.5vw,26px);transition:transform 80ms,box-shadow .12s,background .2s;display:flex;position:relative;overflow:hidden}.tile:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-color:#0000;background-image:repeating-linear-gradient(63deg,#0000 0 11px,#0005 11px 11.6px,#0000 11.6px 24px),repeating-linear-gradient(-22deg,#0000 0 17px,#0000003d 17px 17.5px,#0000 17.5px 33px),repeating-linear-gradient(8deg,#0000 0 23px,#0000002e 23px 23.4px,#0000 23.4px 41px),radial-gradient(40% 30% at 30% 35%,#ffffff0a,#0000 60%),radial-gradient(35% 40% at 72% 68%,#0003,#0000 65%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;position:absolute;inset:-25%}.tile:first-child:before{transform:rotate(4deg)scale(1.05)}.tile:nth-child(2):before{transform:rotate(-37deg)scale(1.15)}.tile:nth-child(3):before{transform:rotate(71deg)scale(1.1)}.tile:nth-child(4):before{transform:rotate(-15deg)scale(1.2)}.tile:nth-child(5):before{transform:rotate(128deg)scale(1.08)}.tile{isolation:isolate}.tile.none:before{opacity:.22}.tile.part:before,.tile.sunk:before,.under:before{opacity:.3}.tile:not(.committed){cursor:pointer}.tile.active{border-color:var(--far);box-shadow:2px 3px 0 0 var(--tile-edge), 0 6px 10px -3px #00000080, 0 0 0 2px #7fa38f55}.tile.filled{box-shadow:1px 1.5px 0 0 var(--tile-edge), 0 3px 6px -3px #00000080;transform:translate(1px,1px)}.tile.committed{border-top-color:#ffffff14;box-shadow:1px 2px #0006,0 2px 5px -3px #00000080}.tile.none{color:#21372a;background:linear-gradient(157deg,#aec6b5,#9db9a6);border-color:#b8cebf}.tile.part{color:#ffdcc6;border-color:var(--near);background:linear-gradient(#a8643c 0%,#7a4326 55%,#553016 100%)}.tile.sunk{color:#ffe3dc;background:radial-gradient(130% 130% at 50% 0,#8f1f12,#5c1109);border-color:#a8281a;box-shadow:1px 2px #0006,0 0 12px #8f1f1255}.under{color:#ffe3dc;background:radial-gradient(130% 130% at 50% 0,#8f1f12,#5c1109);border-color:#a8281a;box-shadow:1px 2px #0006,0 0 18px #8f1f1277}.stick{z-index:5;padding-top:max(8px,env(safe-area-inset-top));background:linear-gradient(180deg, var(--bog) 72%, #0e1f1600);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:sticky;top:0}.topbar{justify-content:center;gap:10px;margin-bottom:14px;display:flex}.topbar button{cursor:pointer;white-space:nowrap;max-width:150px;font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;border-radius:8px;flex:1;padding:11px 12px;font-size:10px;font-weight:700;transition:transform 80ms,background .15s}.topbar button:active{transform:translateY(1px)}.topbar button:disabled{opacity:.35;cursor:default;transform:none}.tb-bank{border:1px solid var(--near);color:var(--near);background:#c06a3f22}.tb-bank:hover{background:#c06a3f33}.tb-new{border:1px solid var(--line);color:var(--far);background:#ffffff08}.tb-new:hover{background:#ffffff12}.kw-sinks{color:#fff;letter-spacing:.08em;background:#8f1f12;border:1px solid #a8281a;border-radius:4px;padding:1px 6px;font-weight:700;display:inline-block}.kw-part{color:#ffdcc6;letter-spacing:.08em;border:1px solid var(--near);background:linear-gradient(#a8643c,#5e3018);border-radius:4px;padding:1px 6px;font-weight:700;display:inline-block}.verdict{border:1px solid var(--line);text-align:center;background:linear-gradient(#ffffff07,#0000);border-radius:11px;margin-top:14px;padding:22px 18px;display:none}.verdict.show{display:block}.verdict h2{font-family:var(--display);margin:0 0 4px;font-size:22px;font-weight:400}.verdict .word{font-family:var(--display);letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;color:var(--under);margin:10px 0 2px;font-size:30px}.verdict p{color:var(--far);margin:5px 0;font-size:12px;line-height:1.5}.verdict .big{font-family:var(--display);color:var(--air);margin:12px 0 0;font-size:38px}.verdict .sub{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}.verdict button{cursor:pointer;background:var(--air);color:#0a130e;font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;border:none;border-radius:8px;margin-top:16px;padding:12px 22px;font-size:11px;font-weight:700}.bottombar{z-index:6;border-top:1px solid var(--line);background:linear-gradient(0deg, var(--bog) 70%, #0e1f1600);width:100%;max-width:380px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bb-btn{color:var(--far);cursor:pointer;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:0 0;border:none;flex:1;font-size:10px;font-weight:700}.bb-btn+.bb-btn{border-left:1px solid var(--line)}.bb-btn:hover{color:var(--air)}.modal{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04100acc;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal[hidden]{display:none}.modal-box{border:1px solid var(--line);background:linear-gradient(#16291e,#0f1f16);border-radius:14px;width:100%;max-width:360px;max-height:84vh;padding:24px 20px 20px;position:relative;overflow-y:auto;box-shadow:0 18px 50px -10px #000a,0 0 0 1px #ffffff08}.modal-box h2{font-family:var(--display);text-align:center;color:var(--air);margin:0 0 12px;font-size:22px;font-weight:400}.modal-box p{color:var(--far);margin:10px 0;font-size:12px;line-height:1.65}.modal-box p b{color:var(--air);font-weight:600}.modal-x{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:24px;line-height:1;position:absolute;top:10px;right:12px}.modal-x:hover{color:var(--air);background:#ffffff10}.legend{gap:5px;margin:12px 0 4px;display:flex}.legend span{border-radius:5px;flex:1;justify-content:center;align-items:center;height:20px;font-size:7.5px;font-weight:700;display:flex}.lb-sub{text-align:center;color:var(--muted);font-size:10px;margin:0 0 14px!important}.lb-list{margin:0;padding:0;list-style:none}.lb-list li,.lb-me li{border-bottom:1px solid #ffffff0c;align-items:center;gap:8px;padding:8px 6px;font-size:12px;display:flex}.lb-rank{text-align:center;width:24px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.lb-medal{text-align:center;flex:none;width:24px;font-size:16px;line-height:1}.lb-list li .h,.lb-me li .h{min-width:0;color:var(--air);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lb-list li .d,.lb-me li .d{color:var(--muted);white-space:nowrap;flex:none;font-size:9.5px}.lb-list li .b,.lb-me li .b{text-align:right;width:48px;color:var(--far);font-family:var(--display);font-variant-numeric:tabular-nums;flex:none;font-size:15px}.lb-list li.top3{background:linear-gradient(90deg,#7fa38f10,#0000);border-radius:6px}.lb-list li.top3 .h{color:#eaf3ec;font-weight:600}.lb-list li.top3 .b{color:#cfe6d6;font-size:16px}.lb-list li.mine,.lb-me li.mine{background:#7fa38f1f;border-radius:6px}.lb-list li.mine .h,.lb-me li.mine .h{color:var(--far);font-weight:700}.lb-empty{text-align:center;color:var(--muted);padding:18px 0;font-size:11px}.lb-me{border-top:1px dashed var(--line);margin-top:12px;padding-top:8px}.lb-me[hidden]{display:none}.lb-footer{border:1px solid var(--line);width:100%;color:var(--muted);cursor:default;font-family:var(--mono);letter-spacing:.04em;text-align:center;word-break:break-all;background:#ffffff08;border-radius:8px;margin-top:16px;padding:11px 12px;font-size:11px;display:block}.lb-footer.cta{color:var(--far);cursor:pointer;border-color:var(--far);background:#7fa38f14}.lb-footer.cta:hover{color:var(--air);background:#7fa38f22}.returnpane{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.returnbox{text-align:center;border:1px solid var(--line);background:linear-gradient(#16291e,#0f1f16);border-radius:14px;max-width:340px;padding:28px 22px;box-shadow:0 18px 50px -10px #000a}.returnbox .rtick{color:#7fd29a;font-size:34px;line-height:1}.returnbox h2{font-family:var(--display);color:var(--air);margin:10px 0 6px;font-size:22px;font-weight:400}.returnbox p{color:var(--far);word-break:break-all;margin:6px 0;font-size:12px;line-height:1.6}.returnbox .rmuted{color:var(--muted)}.returnbox .acct-btn{margin:12px 6px 0;text-decoration:none;display:inline-block}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}