.account-card{position:relative;background:#fffbe6;border:2px solid var(--ink);border-radius:4px 14px 6px 12px;padding:18px 18px 14px;width:min(340px,calc(100vw - 32px));box-sizing:border-box;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 20px -14px #281e0a8c;transform:rotate(.7deg)}.account-card:before{content:"";position:absolute;top:-11px;left:50%;width:92px;height:22px;transform:translate(-50%) rotate(-3deg);background:#ffe56ba6;border:1px dashed rgba(39,54,138,.25)}.account-card h2{margin:0;font-size:18px}.account-card h3{margin:6px 0 2px;font-size:14px;opacity:.8}.account-card input{font:inherit;border:0;border-bottom:2px solid var(--ink);background:transparent;color:var(--ink);min-width:0}.account-card .btn.small{padding:2px 10px;font-size:14px}.account-card .btn[disabled]{opacity:.45;cursor:not-allowed}.acc-head{display:flex;gap:12px;align-items:center}.acc-id{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.acc-name{font-size:20px;width:9em;max-width:100%}.acc-sub,.acc-note{margin:0;opacity:.75;font-size:13px}.acc-rank{font-weight:600}.acc-rank small{font-weight:400;opacity:.7}.acc-face{flex:none;width:52px;height:52px;border-radius:50%;border:2px solid var(--ink);background:var(--note-yellow);display:grid;place-items:center;overflow:hidden;font-size:24px}.acc-face.small{width:26px;height:26px;font-size:13px;border-width:1.5px}.acc-face img{width:100%;height:100%;object-fit:cover}.acc-login{display:flex;flex-direction:column;gap:6px;border-top:2px dashed var(--pencil);padding-top:8px}.acc-google{min-height:44px;display:flex;align-items:center}.acc-google.is-busy{pointer-events:none;opacity:.5}.acc-fb{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;height:40px;min-height:44px;min-width:200px;padding:0 14px;border:0;border-radius:4px;background:#1877f2;color:#fff;font:500 14px/1 system-ui,sans-serif;cursor:pointer}.acc-fb:hover:not(:disabled){background:#166fe0}.acc-fb:disabled{opacity:.6;cursor:default}.acc-fb[aria-busy=true]{cursor:progress}.acc-fb-logo{width:20px;height:20px;flex:none}.acc-switch{border:2px solid var(--c3, #d3342a);border-radius:8px;padding:8px 10px;background:var(--paper);font-size:14px}.acc-switch p{margin:0 0 6px}.acc-flash{margin:0;font-size:14px;color:var(--ink)}.acc-foot{gap:12px;justify-content:center}.acc-code{font-size:14px}.acc-friend-input{width:8.5em;font-size:16px;letter-spacing:2px}.acc-friend-input::placeholder{letter-spacing:0;font-size:13px}.acc-sec{border-top:2px dashed var(--pencil);padding-top:6px}.acc-sec summary{cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px}.acc-sec[open] summary{margin-bottom:6px}.acc-badge{background:var(--red);color:#fff;border-radius:10px;padding:0 7px;font-size:12px}.acc-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;max-height:210px;overflow-y:auto}.acc-list li{display:flex;align-items:center;gap:6px;min-width:0}.acc-fname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acc-frank{opacity:.7;font-size:12px;white-space:nowrap}.acc-hist{font-size:13px}.acc-place{font-family:var(--font-num);font-size:16px;min-width:2.4em;color:var(--red)}.acc-hist.acc-top4 .acc-place{color:var(--green)}.acc-mode{opacity:.7;min-width:4.5em}.acc-team{display:flex;gap:2px;flex:1;min-width:0;overflow:hidden}.acc-unit{position:relative;flex:none;width:20px;height:20px;border:1px solid var(--ink);border-radius:4px;overflow:hidden;background:var(--paper-2);display:grid;place-items:center;font-size:11px}.acc-unit img{width:100%;height:100%}.acc-unit em{position:absolute;right:0;bottom:-2px;font-size:9px;font-style:normal;color:var(--gold);text-shadow:0 0 2px var(--ink)}.acc-delta{font-family:var(--font-num);color:var(--red)}.acc-delta.up{color:var(--green)}@media (max-height: 480px){.account-card{width:min(300px,calc(100vw - 32px));padding:12px 14px 10px;gap:6px}.acc-face{width:40px;height:40px;font-size:18px}.acc-list{max-height:140px}}@media (pointer: coarse){.acc-google,.acc-fb{min-height:48px}}.tt-corner .fs-btn .pi{display:block;width:22px;height:22px}.speed.fs-btn{padding:3px 7px}.speed.fs-btn .pi{fill:none;width:18px;height:18px}.fs-btn[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.fs-hint{position:fixed;z-index:60;top:calc(max(10px,env(safe-area-inset-top)) + 60px);right:max(12px,env(safe-area-inset-right));width:min(320px,calc(100vw - 32px));box-sizing:border-box;padding:12px 14px 10px;background:#fffbe3;color:var(--ink);font-family:var(--font-hand);border:2px solid var(--ink);border-radius:255px 15px 225px/15px 225px 15px 255px;box-shadow:0 4px 0 var(--shadow);transform:rotate(-1deg)}.fs-hint h2{margin:0 0 6px;font-size:17px}.fs-hint p{margin:0 0 10px;font-size:14px;line-height:1.45}.fs-hint-ico{width:20px;height:20px;vertical-align:-4px}.fs-hint .btn{display:block;margin-left:auto}@media (orientation: portrait) and (max-width: 600px){.hm-top:has(.fs-btn) .hm-me{max-width:calc(100vw - 196px)}.hm-top:has(.fs-btn) .hm-term{order:1}}.online-panel{border-top:2px dashed var(--pencil);padding-top:10px;display:flex;flex-direction:column;gap:8px}.online-panel h2{margin:0;font-size:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.online-panel .row{flex-wrap:wrap}.online-panel .btn[disabled]{opacity:.45;cursor:not-allowed}.code-input{font:inherit;font-family:var(--font-num);font-size:18px;letter-spacing:4px;text-transform:uppercase;width:7.5em}.room-code{font-family:var(--font-num);font-size:24px;letter-spacing:4px;background:var(--note-yellow);border:2px solid var(--ink);border-radius:10px 3px;padding:0 8px;user-select:all}.room-code.small{font-size:15px;letter-spacing:2px}.online-players{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:2px}.online-players .slots{list-style:none;opacity:.6;font-family:var(--font-num)}.online-note{margin:0;opacity:.8}.online-error{margin:0;color:var(--red);font-weight:600}.online-bar{position:fixed;top:54px;left:50%;transform:translate(-50%);z-index:30;display:flex;gap:8px;align-items:center;max-width:calc(100vw - 32px);flex-wrap:wrap;justify-content:center;pointer-events:none;font-size:13px}.online-bar>span:not(.room-code){background:var(--paper);border:2px solid var(--ink);border-radius:12px 4px;padding:1px 8px;box-shadow:0 4px 8px -5px var(--shadow)}.online-bar .ob-warn{border-color:var(--red);color:var(--red)}.online-bar .ob-away{border-style:dashed}.online-bar .ob-clock{font-family:var(--font-num)}.online-bar .ob-net{border-style:dotted}.loading-page{position:fixed;inset:0;background:var(--paper)}.load-failed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center}.load-failed .btn{min-height:44px}@media (pointer: coarse){.load-failed .btn{min-height:48px}}.pb2{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#f8f2e4,#e6dcc8 55%,#cdbfa4);overflow:hidden}.pb2.night{background:radial-gradient(ellipse at 50% 60%,#a6a6b8,#7e8094,#4a4b58)}.pb2-book{position:relative;width:min(90vw,980px,calc(var(--ar, 1.5) * var(--vh) * .86));aspect-ratio:92 / 58;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}.pb2-layer{position:absolute;inset:0;width:100%;height:100%;transform:translate(calc(var(--px, 0) * var(--depth) * -14px),calc(var(--py, 0) * var(--depth) * -8px))}.pb2-windows{mix-blend-mode:screen}.pb2-plane{position:absolute;left:11%;top:11%;width:clamp(90px,10vw,150px);transform:rotate(-8deg);filter:drop-shadow(0 6px 4px rgba(40,30,10,.25));pointer-events:none}@media (orientation: portrait),(max-height: 600px),(max-width: 899px){.pb2-plane{display:none}}.pb2-torch{position:absolute;left:50%;bottom:6%;width:46%;aspect-ratio:1;transform:translate(-50%);background:radial-gradient(circle,#fff4d68c,#fff4d600 65%);pointer-events:none}.pb2-hero{position:absolute;width:auto;transform:translate(-50%) rotate(-2deg);transform-origin:50% 100%;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 0 .6px #b9ac8a) drop-shadow(0 6px 4px rgba(40,30,10,.35))}@media (max-width: 600px) and (orientation: portrait){.pb2-book{width:min(96vw,calc(var(--ar, 1) * var(--vh) * .8))}}@media (max-height: 500px){.pb2-book{width:min(86vw,900px,calc(var(--ar, 1.5) * var(--vh) * .9))}}.pi{width:24px;height:24px;flex:none;overflow:visible}.hm-rail-btn .pi,.hm-tab .pi{width:28px;height:28px}.hm-icon .pi{width:24px;height:24px}.hm-play .pi{width:26px;height:26px;vertical-align:-5px}.pi-main path{stroke-dasharray:1;stroke-dashoffset:0}:is(.hm-rail-btn,.hm-tab,.hm-icon,.hm-play,.hm-mode,.hm-mode-menu [role=radio]):is(:hover,:focus-visible) .pi-main path{animation:pi-draw .45s ease-out}@keyframes pi-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){:is(.hm-rail-btn,.hm-tab,.hm-icon,.hm-play,.hm-mode,.hm-mode-menu [role=radio]):is(:hover,:focus-visible) .pi-main path{animation:none}}.home{--hm-blue: #cdeaf7;--hm-red: #c2413a;--hm-red-deep: #a8342e;--hm-blue-soft: #dcecf8;--hm-blue-pale: #eef6fc;--hm-blue-rule: #b9cfe2;--hm-focus: #8a6210;position:fixed;inset:0;display:grid;grid-template-columns:220px 1fr 260px;grid-template-rows:64px 1fr minmax(96px,auto);grid-template-areas:"top top top" "rail mid news" "dock dock dock";padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);pointer-events:none;overflow:hidden}.home>:not(.hm-scene):not(.hm-blanket){pointer-events:auto}.hm-top,.hm-rail,.hm-news,.hm-dock,.hm-tabs{position:relative;z-index:1}.hm-scene{position:absolute;inset:0;pointer-events:auto}.hm-gl{position:absolute;inset:0;opacity:0;transition:opacity .4s}.hm-scene.is-3d .hm-gl{opacity:1}.home.hud-wait>:not(.hm-scene):not(.hm-blanket){opacity:0;pointer-events:none}.home.hud-wait>.hm-blanket{opacity:0}.home.hud-in>:not(.hm-scene){animation:hm-hud-in .25s ease-out both}@keyframes hm-hud-in{0%{opacity:0}to{opacity:1}}.home.hud-lock>:not(.hm-scene){pointer-events:none}.home.hud-out>:not(.hm-scene){opacity:0;pointer-events:none;transition:opacity .18s ease-in}.hm-reopen{position:absolute;inset:0;perspective:2200px;perspective-origin:var(--pt-x, 0px) 50%;overflow:hidden}.hm-reopen>i{position:absolute;inset:0;background-color:#fbfaf3;background-image:repeating-linear-gradient(180deg,transparent 0 31px,rgba(64,120,190,.18) 31px 32px);transform-origin:var(--pt-x, 0px) 50%;backface-visibility:hidden}.home.night .hm-reopen>i{background-color:#bac0e2}.hm-reopen.turn>i{animation:pt-turn var(--pt-ms, .35s) cubic-bezier(.45,.05,.6,1) forwards}.pt{position:fixed;inset:0;z-index:62;pointer-events:none;perspective:2200px;perspective-origin:var(--pt-x, 0px) 50%;overflow:hidden}.pt-leaf{position:absolute;inset:0;transform-origin:var(--pt-x, 0px) 50%;transform-style:preserve-3d;animation:pt-turn var(--pt-ms, .35s) cubic-bezier(.45,.05,.6,1) forwards}.pt-front,.pt-back{position:absolute;inset:0;backface-visibility:hidden}.pt-desk{position:absolute;inset:0;animation:pt-fade var(--pt-fade, .15s) ease-out var(--pt-ms, .35s) forwards}.pt-desk canvas,.pt-front canvas{display:block;width:100%;height:100%}.pt-dim{position:absolute;inset:0;background:linear-gradient(90deg,#281e1447,#281e1400 60%);opacity:0;animation:pt-dim var(--pt-ms, .35s) ease-in forwards}.pt-back{inset:auto;transform-origin:right center;transform:rotateY(180deg);border-radius:5px 3px 3px 5px;background:linear-gradient(270deg,#1a3066 0 5%,#0000 5%),linear-gradient(270deg,#0000 calc(7% + 7px),#3c2d1429 calc(7% + 8px),#ffffffb3 calc(7% + 10px),#0000 calc(7% + 11px)),linear-gradient(90deg,#ebe4d3,#f6f2e8 35%,#efe9db);box-shadow:inset 0 0 0 1px #00000014}.pt-shade{position:absolute;inset:0;background:linear-gradient(90deg,#281e1438,#281e1400 45%);animation:pt-shade var(--pt-ms, .35s) ease-out forwards}@keyframes pt-turn{to{transform:rotateY(-180deg)}}@keyframes pt-dim{to{opacity:1}}@keyframes pt-fade{to{opacity:0}}@keyframes pt-shade{to{opacity:0}}.home.hud-wait .hm-gl{transition:none}.hm-blanket{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 55%,transparent 60%,rgba(14,18,40,.45) 85%,rgba(14,18,40,.75) 100%)}.hm-top{grid-area:top;display:flex;align-items:center;gap:12px;padding:8px 16px;min-width:0}.hm-me{display:flex;align-items:center;gap:10px;min-height:48px;min-width:0;padding:4px 14px 4px 4px;background:var(--paper);border:2.4px solid var(--ink);border-radius:999px;font:inherit;color:var(--ink);cursor:pointer}.hm-me-txt{display:flex;flex-direction:column;min-width:0;text-align:left}.hm-name,.hm-rank,.hm-term,.hm-lbl,.hm-mode,.hm-play,.hm-tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-rank{font-family:var(--font-num)}.hm-term{padding:4px 12px;background:var(--note-yellow);border:2px solid var(--ink);transform:rotate(-2deg)}.hm-top-r{margin-left:auto;display:flex;gap:8px}.hm-icon{position:relative;min-width:48px;min-height:48px;font:inherit;font-size:20px;color:var(--ink);background:var(--paper);border:2.4px solid var(--ink);border-radius:50%;cursor:pointer}.hm-rail{grid-area:rail;display:flex;flex-direction:column;gap:10px;padding:12px 16px;align-self:center}.hm-rail-btn{position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 14px;font:600 16px var(--font-hand);color:var(--ink);background:var(--note-yellow);border:0;box-shadow:0 1px 1px #0000001f,0 10px 14px -10px var(--shadow);cursor:pointer;text-align:left}.hm-rail-btn:nth-child(2n){transform:rotate(-1.5deg);background:var(--hm-blue)}.hm-rail-btn:nth-child(odd){transform:rotate(1.2deg)}.hm-rail-btn:before{content:"";position:absolute;top:-7px;left:50%;width:46px;height:14px;transform:translate(-50%) rotate(-3deg);background:#fff9}.hm-lbl-short{display:none}.hm-ico{display:inline-flex}.hm-news{grid-area:news;display:flex;flex-direction:column;gap:12px;padding:12px 16px;align-self:start}.hm-note{display:block;padding:10px 14px;background:var(--paper);border-left:6px solid var(--margin);box-shadow:0 6px 8px -6px var(--shadow);font:inherit;color:var(--ink);text-align:left}.hm-note h2{margin:0 0 4px;font-size:17px}.hm-note p{margin:2px 0}.hm-room{min-height:48px;cursor:pointer;border-left-color:var(--green)}.home.night{--hm-focus: #f5c542}.home.night .hm-term{color:var(--ink)}.hm-dock{grid-area:dock;position:relative;display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;padding:0 20px 16px}.hm-mode{display:inline-flex;align-items:center;gap:8px;min-height:60px;max-width:240px;padding:3px 12px 3px 10px;color:var(--ink);background:var(--hm-blue-soft);border:2.6px solid var(--ink);border-radius:15px 225px 15px 255px/255px 15px 225px;box-shadow:0 9px 14px -10px var(--shadow);text-align:left;cursor:pointer}.hm-mode .pi{flex:none}.hm-mode-ico{width:30px;height:30px}.hm-mode-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}.hm-mode-txt small{font:600 11px var(--font-hand);opacity:.72}.hm-mode-name{overflow:hidden;text-overflow:ellipsis;padding:5px 0 3px;margin:-5px 0 -3px;font:400 19px "Sriracha",var(--font-hand),cursive;line-height:1.25;background:linear-gradient(currentColor,currentColor) 0 100% / 0 2px no-repeat;transition:background-size .35s ease-out}.hm-mode:is(:hover,:focus-visible) .hm-mode-name{background-size:100% 2px}.hm-mode-caret{width:18px;height:18px;transition:transform .2s}.hm-mode[aria-expanded=true] .hm-mode-caret{transform:rotate(180deg)}.hm-mode:focus-visible{outline:3px dashed var(--hm-focus);outline-offset:3px}.hm-mode-wrap{position:relative}.hm-mode-menu{position:absolute;bottom:calc(100% + 10px);right:0;display:flex;flex-direction:column;min-width:220px;padding:4px;background:var(--hm-blue-pale);border:2.6px solid var(--ink);border-radius:6px 16px 8px 14px;box-shadow:0 12px 20px -12px var(--shadow)}.hm-mode-menu [role=radio]{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;font:400 18px "Sriracha",var(--font-hand),cursive;color:var(--ink);background:none;border:0;border-bottom:1.5px dashed var(--hm-blue-rule);border-radius:8px;text-align:left;white-space:nowrap;cursor:pointer}.hm-mode-menu [role=radio]:last-child{border-bottom:0}.hm-mode-menu [role=radio] .pi{width:24px;height:24px;flex:none}.hm-mode-menu [role=radio]:is(:hover,:focus-visible){background:#ffffffb3}.hm-mode-menu [role=radio][aria-checked=true]{background:var(--note-yellow)}.hm-play{min-width:240px;min-height:72px;font-weight:400;font-size:30px;font-family:"Sriracha",var(--font-hand);color:var(--ink);background:var(--note-yellow);border:3px solid var(--ink);border-radius:255px 15px 225px/15px 225px 15px 255px;box-shadow:0 12px 18px -10px var(--shadow);cursor:pointer;animation:hm-breathe 2.4s ease-in-out infinite}.hm-play-col{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}.hm-ranked{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:2px 16px;font:400 22px "Sriracha",var(--font-hand),cursive;white-space:nowrap;color:#fff;background:var(--hm-red);border:3px solid var(--ink);border-radius:15px 225px 15px 255px/255px 15px 225px;box-shadow:0 10px 16px -10px var(--shadow);cursor:pointer}.hm-ranked .pi{width:24px;height:24px;flex:none}.hm-ranked:is(:hover,:focus-visible){background:var(--hm-red-deep)}.hm-ranked:focus-visible{outline:4px solid var(--hm-focus);outline-offset:3px}.hm-ranked:disabled{opacity:.45;cursor:not-allowed}.hm-play.is-room{font-size:24px;animation:none}.hm-play:focus-visible{outline:4px solid var(--hm-focus);outline-offset:3px}@keyframes hm-breathe{50%{transform:scale(1.03)}}.hm-flash{position:absolute;bottom:calc(100% - 6px);right:20px;margin:0;padding:6px 12px;background:var(--paper);border:2px solid var(--red);color:var(--red);max-width:calc(100vw - 40px)}.hm-tabs{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width: 1100px){.home{grid-template-columns:196px 1fr 232px}.hm-play{min-width:200px;min-height:64px;font-size:26px}.hm-mode{min-height:54px}.hm-mode-name{font-size:17px}.hm-ranked{min-height:48px;font-size:20px}}@media (max-height: 500px) and (orientation: landscape){.home{grid-template-columns:76px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"top top" "rail mid"}.hm-top{padding:2px 10px}.hm-me{min-height:44px}.hm-icon{min-width:44px;min-height:44px}.hm-rail{padding:6px;gap:6px;align-self:stretch;justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.hm-rail-btn{flex:none;flex-direction:column;gap:0;min-height:52px;padding:4px;font-size:12px;text-align:center}.hm-rail-btn .hm-lbl{display:none}.hm-rail-btn .hm-lbl-short,.hm-rail-btn:not(:has(.hm-lbl-short)):after{display:block}.hm-rail-btn:not(:has(.hm-lbl-short)):after{content:attr(data-short)}.hm-news{display:none}.hm-dock{position:absolute;right:10px;bottom:8px;padding:0}.hm-play{min-width:168px;min-height:60px;font-size:24px}.hm-mode{min-height:48px;padding:3px 10px 3px 8px;gap:6px}.hm-mode-ico{width:24px;height:24px}.hm-mode-txt small{font-size:10px}.hm-mode-name{font-size:15px}.hm-play-col{gap:6px}.hm-ranked{min-height:48px;font-size:18px}}@media (orientation: portrait) and (max-width: 600px){.home{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto 64px;grid-template-areas:"top" "mid" "dock" "tabs"}.hm-top{flex-wrap:wrap;padding:6px 12px;row-gap:4px}.hm-me{max-width:calc(100vw - 140px)}.hm-rail,.hm-news{display:none}.hm-dock{justify-content:flex-start;padding:4px 16px 8px}.hm-play{flex:1 1 auto;min-width:0;min-height:64px;font-size:26px}.hm-mode{min-height:54px;max-width:52vw}.hm-play-col{flex:1 1 auto;gap:6px}.hm-ranked{min-height:48px;font-size:19px}.hm-play.is-room{font-size:19px}.hm-mode-ico{width:26px;height:26px}.hm-mode-name{font-size:17px}.hm-mode-menu{right:auto;left:0}.hm-tabs{grid-area:tabs;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--paper);border-top:2.4px solid var(--ink)}.hm-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;min-width:44px;font:600 12px var(--font-hand);color:var(--ink);background:none;border:0;cursor:pointer}}@media (pointer: coarse){.hm-me,.hm-icon,.hm-mode-menu [role=radio],.hm-rail-btn,.hm-room{min-height:48px}.hm-icon{min-width:48px}}@media (prefers-reduced-motion: reduce){.hm-play{animation:none}.hm-gl{transition:none}.home.hud-in>:not(.hm-scene){animation:none}}.hm-sheet-back{position:fixed;inset:0;z-index:20;background:#14183252;pointer-events:auto}.hm-sheet{position:absolute;top:0;right:0;bottom:0;width:min(440px,92vw);display:flex;flex-direction:column;background:repeating-linear-gradient(0deg,transparent 0 31px,#d3e1f0 31px 32px),var(--paper);border-left:3px solid var(--ink);box-shadow:-14px 0 24px -14px #281e0a80;animation:hm-in-r .22s ease-out}.hm-sheet:before{content:"";position:absolute;top:0;bottom:0;left:28px;border-left:2px solid var(--margin);pointer-events:none}.hm-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px 40px}.hm-sheet-head h2{margin:0;font:400 24px "Sriracha",var(--font-hand),cursive;white-space:nowrap}.hm-sheet-body{flex:1;overflow-y:auto;padding:4px 16px 24px 40px}.hm-sheet .online-panel>h2.on-head{display:none}.hm-sheet .account-card,.hm-sheet .online-panel{box-shadow:none;transform:none;max-width:none}.hm-sheet .account-card{width:auto;box-sizing:border-box}.hm-sheet .btn,.hm-sheet .linkbtn{min-height:44px}@media (pointer: coarse){.hm-sheet .btn,.hm-sheet .linkbtn,.hm-sheet-head .hm-icon{min-height:48px}.hm-sheet-head .hm-icon{min-width:48px}}.hm-logout{margin-top:10px;padding-top:14px;border-top:1.5px dashed var(--hm-blue-rule)}.hm-logout p,.hm-logout output{display:block;margin:0 0 8px}.hm-logout .hm-logout-btn{color:var(--red);border-color:var(--red);background:transparent}.hm-logout .hm-logout-btn:hover{background:#d3342a14}.hm-logout-ask{padding:12px 12px 10px;background:#fff0ecd9;border:2px dashed var(--red);border-radius:6px 14px 8px 12px}.hm-logout-ask .hm-logout-btn,.hm-logout-ask .hm-logout-btn:hover{color:#fff;background:var(--red)}.hm-form{display:flex;flex-direction:column;gap:14px}.hm-form .check input{width:22px;height:22px}.hm-sheet-practice .hm-form .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hm-sheet-practice .hm-form .row>span{grid-column:1 / -1}.hm-form label:not(.check){display:flex;align-items:center;gap:8px}.hm-form label:not(.check) input{flex:1;min-width:0;min-height:40px;font:inherit;border:0;border-bottom:2px solid var(--ink);background:transparent;color:var(--ink)}.hm-sheet.is-full{left:max(16px,4vw);width:auto}.hm-sheet.is-full .hm-sheet-body{padding-right:8px}@keyframes hm-in-r{0%{transform:translate(100%)}}@keyframes hm-in-b{0%{transform:translateY(100%)}}@media (max-width: 699px),(orientation: portrait) and (max-width: 900px){.hm-sheet{top:auto;left:0;width:auto;max-height:calc(var(--vh) * .86);border-left:0;border-top:3px solid var(--ink);border-radius:16px 16px 0 0;animation-name:hm-in-b}.hm-sheet.is-full{max-height:calc(var(--vh) * .94);left:0}}.hm-sheet.is-center{inset:0;margin:auto;box-sizing:border-box;width:min(420px,calc(100vw - 32px));height:fit-content;max-height:calc(100% - 24px);border:3px solid var(--ink);border-radius:6px 18px 8px 16px;box-shadow:0 18px 30px -14px #14183299;animation:hm-in-c .2s ease-out}.hm-sheet.is-center .hm-sheet-body{padding-bottom:18px}.hm-sheet.is-center .btn.big{min-height:52px}@keyframes hm-in-c{0%{opacity:0;transform:scale(.94)}}@media (prefers-reduced-motion: reduce){.hm-sheet{animation:none}}.hm-news .hm-note h2{margin:0 0 2px;font-size:13px;font-weight:400;letter-spacing:.04em;opacity:.7}.hm-news-main{font-size:20px;font-weight:600;line-height:1.25}.hm-news-sub{font-size:14px;opacity:.8}.hm-fb-btn{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:8px;padding:6px 0 2px;font:inherit;font-size:15px;text-align:left;color:var(--ink);background:none;border:0;border-top:1.6px dashed var(--ink);cursor:pointer}.hm-fb-btn span:last-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.hm-fb-btn .pi{flex:none}.hm-fb-btn:hover,.hm-fb-btn:focus-visible{color:var(--margin)}@media (pointer: coarse){.hm-fb-btn{min-height:48px}}.fb-kinds{display:flex;gap:8px}.fb-kinds .btn{flex:1}.fb-page{box-sizing:border-box;width:100%;min-height:192px;max-height:calc(var(--vh) * .4);padding:0 8px 0 14px;font:400 18px / 32px var(--font-hand);color:var(--ink);resize:none;border:2px solid var(--ink);border-radius:4px 10px 6px 12px;border-left:3px solid var(--margin);background:repeating-linear-gradient(to bottom,transparent 0 31px,#d3e1f0 31px 32px),#fffdf6;background-attachment:local}.hm-form.fb label:not(.check){flex-direction:column;align-items:stretch;gap:2px;font-size:14px}.fb-count,.fb-auto{margin:0;font-size:13px;opacity:.75}.fb-count{text-align:right}.fb-count.is-low{color:var(--margin);opacity:1}.fb-err{margin:0;color:var(--margin);font-weight:600}.fb-thanks{margin:12px 0;font:400 22px "Sriracha",var(--font-hand),cursive;text-align:center}.fb-actions{display:flex;gap:8px}.fb-actions .btn.big{flex:1}@media (max-height: 500px){.fb-page{min-height:96px;height:96px}}.tt{--cover: #2d4f9e;--cover-dark: #1d3470;--label: #fffdf5;--thai-gold: #c99a2e;--card: #fbf6e7;--pen: #1f3aa6;--bh: min(82dvh, 900px, calc(100dvh - 40px) , calc((100vw - 40px) / .69));position:fixed;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:radial-gradient(120% 90% at 28% 18%,#fff9e8e6,#fff9e800 62%),radial-gradient(150% 120% at 50% 45%,#0000 55%,#543a1647),#e4d4b2;overflow:hidden}.tt:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(93deg,#7854260d 0 2px,#0000 2px 11px,#78542609 11px 12px,#0000 12px 27px)}.tt-corner{position:absolute;top:max(10px,env(safe-area-inset-top));right:12px;display:flex;gap:8px;z-index:2}.tt-corner .btn{min-height:44px;min-width:44px}@media (pointer: coarse){.tt-corner .btn{min-height:48px;min-width:48px}}.tt-book{position:relative;height:var(--bh);width:calc(var(--bh) * .69);transform:rotate(-1.5deg);perspective:2400px;perspective-origin:0 50%;--dog: clamp(18px, calc(var(--bh) * .045), 36px)}.tt-pages{position:absolute;inset:0;border-radius:3px 5px 5px 3px;background:linear-gradient(90deg,#0000 16%,#e9a2a0 16% calc(16% + 1.5px),#0000 0),linear-gradient(#fbf8ee,#fbf8ee) 0 0 / 100% 48px no-repeat,linear-gradient(180deg,#0000 25px,#cfdcee 25px) 0 48px / 100% 26px repeat-y,#fbf8ee;background:linear-gradient(90deg,#0000 16%,#e9a2a0 16% calc(16% + 1.5px),#0000 0),linear-gradient(#fbf8ee,#fbf8ee) 0 0 / 100% round(var(--bh) * .08,1px) no-repeat,linear-gradient(180deg,#cfdcee 1px,#0000 1px) 0 round(var(--bh) * .08,1px) / 100% round(var(--bh) / 22,1px) repeat-y,#fbf8ee;box-shadow:1px 1.8px #f3eddc,2.2px 3.6px #cbc1a6,3.2px 5.4px #f0e9d7,4.3px 7.2px #b9ad91,5.4px 9px #a59878,3px 10px 5px #38260c61,16px 32px 46px -10px #38260c73}.tt-pages:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#281c0a66,#281c0a1f 45%,#281c0a00 85%);opacity:0;pointer-events:none}.tt.opening .tt-pages:after{animation:tt-lift .65s ease-out forwards}@keyframes tt-lift{0%{opacity:1}55%{opacity:.7}to{opacity:0}}.tt-cover{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.45,.05,.35,1);color:var(--label)}.tt.opening .tt-cover{transform:rotateY(-168deg)}.tt.lifting .tt-cover{transform:rotateY(-90deg);transition:transform .35s cubic-bezier(.4,0,.6,.85)}.tt.lifting.opening .tt-cover{transform:rotateY(-168deg);transition:transform .3s cubic-bezier(.3,.4,.4,1)}.tt.lifting .tt-pages:after{animation:tt-lift-half .35s ease-out forwards}@keyframes tt-lift-half{0%{opacity:1}to{opacity:0}}.tt.handoff{animation:tt-fade .35s linear forwards}.tt.handoff .tt-book{animation:tt-fade .1s linear forwards}.tt.handoff:before{animation:tt-fade .1s linear forwards}.tt.fallback{animation:tt-fade .25s ease .3s forwards}.tt.fallback:not(.lifting){animation-delay:.65s}@keyframes tt-fade{to{opacity:0}}.tt.lifting,.tt.fallback{z-index:30;pointer-events:none}.tt-print,.tt-spine,.tt-dog,.tt-face{backface-visibility:hidden}.tt-back{position:absolute;inset:0;border-radius:5px 3px 3px 5px;transform:rotateY(180deg);backface-visibility:hidden;background:linear-gradient(270deg,#1a3066 0 5%,#0000 5%),linear-gradient(270deg,#0000 calc(7% + 7px),#3c2d1429 calc(7% + 8px),#ffffffb3 calc(7% + 10px),#0000 calc(7% + 11px)),linear-gradient(90deg,#ebe4d3,#f6f2e8 35%,#efe9db);box-shadow:inset 0 0 0 1px #00000014}.tt-print{position:absolute;inset:0;border-radius:3px 6px 6px 3px;background:radial-gradient(90px 18px at 66% 0,#ffffff42,#fff0 70%),radial-gradient(16px 80px at 100% 40%,#ffffff38,#fff0 70%),radial-gradient(56px 56px at 100% 0,#ffffff47,#fff0 70%),radial-gradient(90px 14px at 34% 100%,#ffffff38,#fff0 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none' stroke='%23fff' stroke-opacity='.085' stroke-width='1.4'%3E%3Cpath d='M22 9Q27 22 22 35Q17 22 22 9ZM9 22Q22 17 35 22Q22 27 9 22Z'/%3E%3Ccircle cx='22' cy='22' r='3'/%3E%3Cpath d='M0 6Q6 0 0-6M44 6Q38 0 44-6M0 38Q6 44 0 50M44 38Q38 44 44 50'/%3E%3C/svg%3E") 0 0 / 44px 44px,linear-gradient(162deg,#3459aa,#2d4f9e 46%,#27468f);box-shadow:inset 0 0 0 1px #fff3,inset -1px -1px #00000040,inset 0 0 28px #08123847;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--dog)),calc(100% - var(--dog)) 100%,0 100%);overflow:hidden}.tt-print:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(116deg,#fff0 20%,#ffffff21 31%,#ffffff0a 39%,#fff0 50% 66%,#ffffff12 74%,#fff0 82%)}.tt-dog{position:absolute;right:0;bottom:0;width:var(--dog);height:var(--dog);filter:drop-shadow(-2px -2px 2.5px rgba(5,12,40,.45))}.tt-dog:before{content:"";position:absolute;inset:0;background:linear-gradient(to top left,#b3a98e 50%,#d9d1bb 56%,#f2ede0 80%,#fffdf6);clip-path:polygon(0 0,100% 0,0 100%)}.tt-spine{position:absolute;left:-1px;top:-2px;bottom:-2px;width:7%;border-radius:3px 1px 1px 3px;background:repeating-linear-gradient(0deg,#ffffff12 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000024 0 1px,#0000 1px 3px),linear-gradient(90deg,#12234d,#1a3066 38%,#213a78 72%,#162b5b);box-shadow:inset 0 4px #00000047,inset 0 -4px #00000047,inset -1px 0 #ffffff1f,1px 0 2px #0000004d}.tt-spine:after{content:"";position:absolute;top:2px;bottom:2px;left:calc(100% + 8px);width:3px;background:linear-gradient(90deg,#0000004d,#0000001a 45%,#fff3)}.tt-face{position:absolute;top:0;bottom:0;right:0;left:calc(7% + 12px);container-type:size}.tt-face:before{content:"";position:absolute;inset:9px 9px 9px 2px;border:3px double rgba(255,253,245,.32);border-radius:3px;pointer-events:none}.tt-col{position:relative;box-sizing:border-box;height:100%;display:flex;flex-direction:column;align-items:center;gap:1.3cqh;padding:3.6cqh 6cqw 3cqh 4cqw;overflow-y:auto;--seal: clamp(52px, 15cqw, 76px)}.tt-col>*{flex:none}.tt-brand{align-self:stretch;margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3em .45em;font-size:clamp(10px,3.1cqw,15px);font-weight:700;letter-spacing:.02em;white-space:nowrap}.tt-mark{width:1.7em;height:1.7em;flex:none}.tt-brand-name{flex:1 0 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.tt-spec{flex:none;border:1.5px solid rgba(255,253,245,.75);border-radius:99px;padding:.1em .7em;font-weight:600;font-size:.92em}.tt-name{margin:.4cqh 0 0;font-family:"Sriracha",var(--font-hand);font-weight:400;font-size:clamp(28px,13cqw,62px);line-height:1.1;white-space:nowrap;letter-spacing:.01em;text-shadow:0 2px 0 var(--cover-dark)}.tt-name:lang(en){font-size:clamp(15px,8.2cqw,42px)}.tt-alt:lang(th){font-family:"Sriracha",var(--font-hand);font-size:clamp(14px,4.4cqw,21px);letter-spacing:0}.tt-alt{margin:-.6cqh 0 0;font-family:var(--font-marker);font-size:clamp(11px,3.4cqw,16px);letter-spacing:.06em;white-space:nowrap}.tt-col>.tt-art{flex:1 1 0;min-height:0;align-self:stretch;display:flex;justify-content:center}.tt-pic{height:100%;max-width:100%;overflow:visible}.tt-seal{position:relative;z-index:1;width:var(--seal);height:auto;margin-bottom:calc(-.36 * var(--seal))}.tt-seal-t{font-family:"Mali",var(--font-hand);font-weight:700;font-size:15px;letter-spacing:1px}.tt-label{box-sizing:border-box;width:100%;background:var(--card);color:var(--cover-dark);border:4px double var(--cover-dark);border-radius:4px;outline:3px solid var(--card);position:relative;padding:calc(.36 * var(--seal) - 4px) .9em .35em;font-size:clamp(12.5px,3.8cqw,18px)}.tt-label p{margin:0;display:flex;align-items:baseline;gap:.4em;white-space:nowrap;line-height:1.5;font-weight:600}.tt-fill{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;border-bottom:2px dotted rgba(29,52,112,.55);padding-left:.3em;font-family:"Sriracha",var(--font-hand);font-weight:400;font-style:oblique 6deg;font-size:1.12em;line-height:1.3;color:var(--pen)}.tt-label p:has(.tt-subj){flex-wrap:wrap}.tt-fill.tt-subj{flex:1 0 auto}.tt-nobox{display:flex;align-items:baseline;gap:.4em;margin-left:auto}.tt-fill.tt-no{position:relative;flex:0 0 2.6em;overflow:visible;text-align:center;padding-left:0}.tt-no:after{content:"";position:absolute;inset:-.12em .15em .02em .1em;border:2px solid var(--pen);border-radius:52% 46% 55% 44%/58% 50% 48% 52%;transform:rotate(-8deg);opacity:.85;pointer-events:none}.tt-scrib{position:absolute;top:.15em;right:.45em;width:1.35em;height:1.35em;transform:rotate(14deg)}.tt-slip{align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:.9cqh;margin-top:.8cqh}.tt-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:8px;row-gap:9px}.tt-actions .row>:only-child{grid-column:1 / -1}.tt-actions .social,.tt-actions .social .row{display:contents}.tt-actions .acc-note{grid-column:1 / -1;grid-row:2;contain:inline-size;min-width:0;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tt-actions .acc-note:last-child{grid-row:4}.tt-slip:has(.tt-guest) .acc-note:first-child{display:none}.tt-actions .acc-google,.tt-actions .acc-fb{grid-row:3;box-sizing:border-box;height:48px;min-height:48px;justify-content:center;box-shadow:0 0 0 2px var(--card),0 2px 0 2px #0a163c59}.tt-actions .acc-google{min-width:0;padding:0;background:#fff;border-radius:6px}.tt-actions .acc-fb{min-width:0;padding:0 12px;border-radius:6px;white-space:nowrap}.tt-enter{position:relative;grid-column:1 / -1;grid-row:1;box-sizing:border-box;height:clamp(52px,13cqw,62px);padding:0 16px;font-family:"Sriracha",var(--font-hand);font-size:clamp(22px,6.6cqw,30px);font-weight:400;line-height:1;color:var(--ink);background:linear-gradient(170deg,#ffffff59,#fff0 40%),linear-gradient(0deg,#966e001f,#966e0000 30%),var(--note-yellow);border:2.5px solid var(--ink);border-radius:3px 3px 10px;box-shadow:0 3px #0a163c73,0 8px 14px -6px #050c2899;transform:rotate(-.8deg);cursor:pointer;white-space:nowrap;transition:transform .12s,box-shadow .12s}.tt-enter:before{content:"";position:absolute;top:-7px;left:-16px;width:58px;height:18px;transform:rotate(-32deg);background:linear-gradient(180deg,#ffffff80,#fff0 60%),#faf7e68c;border-block:1px solid rgba(140,128,96,.35);box-shadow:0 1px 2px #0000002e;pointer-events:none}.tt-enter:hover{transform:rotate(-.8deg) translateY(-1px)}.tt-enter:active{transform:rotate(-.8deg) translateY(2px);box-shadow:0 1px #0a163c73,0 3px 6px -3px #050c2899}.tt-enter:focus-visible{outline:2px solid transparent}.tt-enter:focus-visible:after{content:"";position:absolute;inset:-9px;z-index:1;border:4px solid var(--thai-gold);border-radius:6px 6px 13px;pointer-events:none}.tt-guest,.tt-flash{margin:0;font-size:clamp(12px,3.5cqw,15px);text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tt-flash:empty{display:none}.tt .acc-note{color:var(--label)}.tt .acc-notice{box-sizing:border-box;width:100%;background:var(--card);color:var(--ink);border-radius:4px;padding:6px 10px;font-size:14px;box-shadow:0 2px #0a163c59}.tt .acc-notice .acc-switch{border:0;padding:0;background:none}.tt .acc-notice .btn{min-height:44px;padding-inline:14px}@media (pointer: coarse){.tt .acc-notice .btn{min-height:48px}}.tt-col:has(.acc-switch) :is(.tt-seal,.tt-alt,.tt-guest,.acc-note){display:none}.tt-col:has(.acc-switch) .tt-label{padding-top:.45em}.tt .acc-notice .online-error{margin:0;color:#b3261e}@media (max-width: 600px){.tt{--bh: min( calc((100vw - 32px) / .69), calc(100dvh - 92px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) );grid-template-rows:auto auto;align-content:center;gap:10px}.tt-corner{position:static;justify-self:end;grid-row:1}.tt-book{grid-row:2;transform:none}.tt-seal{display:none}.tt-label{padding-top:.45em}}@media (max-height: 500px) and (orientation: landscape){.tt{--bh: calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) ;--slip: min(470px, calc(100vw - var(--bh) * .69 - 76px));padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.tt-book{transform:none;margin-right:calc(var(--slip) + 28px)}.tt-col{overflow:visible}.tt-col>.tt-slip{position:absolute;left:calc(100% + 26px);top:50%;box-sizing:border-box;width:var(--slip);margin:0;gap:8px;padding:18px 16px 12px;color:var(--ink);background:linear-gradient(90deg,#0000 10px,#e9a2a0 10px 11.5px,#0000 0),repeating-linear-gradient(180deg,#0000 0 23px,#d3e1f0 23px 24px),#fdfbf3;border-radius:2px;box-shadow:2px 3px #38260c2e,6px 14px 20px -8px #38260c73;transform:translateY(-50%) rotate(1.2deg)}.tt-col>.tt-slip:before{content:"";position:absolute;top:-10px;left:-24px;width:64px;height:20px;transform:rotate(-24deg);background:#fffdf0b3;box-shadow:0 1px 2px #00000026}.tt .tt-slip .acc-note{color:var(--ink)}.tt-slip .tt-guest,.tt-slip .tt-flash{font-size:14px}.tt-enter{height:52px;font-size:24px}.tt-actions .acc-google,.tt-actions .acc-fb{box-shadow:0 1px 0 1px #0a163c40}}@media (prefers-reduced-motion: reduce){.tt-cover{transition:opacity .15s}.tt.opening .tt-cover{transform:none;opacity:0}.tt-enter{transition:none}.tt.opening .tt-pages:after{animation:none}.tt.lifting .tt-cover,.tt.lifting.opening .tt-cover{transform:none}.tt.fallback,.tt.fallback:not(.lifting){animation:tt-fade .15s linear forwards}}.qol-setting{white-space:nowrap}.qol-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;border:0;min-inline-size:0}.qol-group legend{float:left;padding:0;margin-right:8px;white-space:nowrap}.qol-rec{margin-left:6px;padding:0 6px;font-size:11px;white-space:nowrap;border:1.5px solid currentColor;border-radius:8px}.qol-hint{flex-basis:100%;font-size:12px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@font-face{font-family:Mali;font-style:normal;font-weight:400;font-display:swap;src:url(./mali-400--KOplXJt.woff2) format("woff2")}@font-face{font-family:Mali;font-style:normal;font-weight:600;font-display:swap;src:url(./mali-600-D6HuBJq_.woff2) format("woff2")}@font-face{font-family:Mali;font-style:normal;font-weight:700;font-display:swap;src:url(./mali-700-DfI7EUQt.woff2) format("woff2")}@font-face{font-family:Mali;font-style:normal;font-weight:400;font-display:swap;src:url(./mali-400-ext-CVKvV6u3.woff2) format("woff2");unicode-range:U+0100-024F,U+0300-036F,U+1E00-1EFF}@font-face{font-family:Mali;font-style:normal;font-weight:700;font-display:swap;src:url(./mali-700-ext-BFJfh4c-.woff2) format("woff2");unicode-range:U+0100-024F,U+0300-036F,U+1E00-1EFF}@font-face{font-family:Sriracha;font-style:normal;font-weight:400;font-display:swap;src:url(./sriracha-400-Cl9n-kUE.woff2) format("woff2")}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(./patrickhand-400-BUEmVWA3.woff2) format("woff2")}@font-face{font-family:Permanent Marker;font-style:normal;font-weight:400;font-display:swap;src:url(./permanentmarker-400-DgQxm21W.woff2) format("woff2")}:root{--vh: 100vh;--desk: #c4b18c;--paper: #fbfaf3;--paper-2: #f3efe2;--ink: #27368a;--pencil: #8f95a3;--margin: #e9a2a0;--red: #d3342a;--green: #2f9e44;--heal: #2f9e44;--mana: #2f6fd6;--gold: #f2c230;--wood: #e8b06a;--shadow: rgba(60, 40, 10, .3);--c1: #8f95a3;--c2: #2f9e44;--c3: #2f6fd6;--c4: #c2477e;--c5: #d9a400;--note-yellow: #ffe56b;--font-hand: "Mali", "Patrick Hand", ui-rounded, system-ui, sans-serif;--font-num: "Patrick Hand", "Mali", ui-rounded, system-ui, sans-serif;--font-marker: "Permanent Marker", "Mali", cursive;--sa-t: env(safe-area-inset-top, 0px);--sa-r: env(safe-area-inset-right, 0px);--sa-b: env(safe-area-inset-bottom, 0px);--sa-l: env(safe-area-inset-left, 0px);color-scheme:light}@supports (height: 100dvh){:root{--vh: 100dvh}}html,body{margin:0;height:100%;overflow:hidden;background:var(--desk);font-family:var(--font-hand);color:var(--ink);-webkit-user-select:none;user-select:none}#app,.game{position:fixed;inset:0}.stage{position:absolute;inset:0}.stage canvas{display:block}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 58%,transparent 55%,rgba(40,28,12,.32) 100%)}.btn{font:inherit;font-weight:600;font-size:14px;color:var(--ink);background:var(--paper);border:2.4px solid var(--ink);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:5px 12px;cursor:pointer;min-height:34px}.btn:hover{background:#eef3ff}.btn.on{background:var(--ink);color:var(--paper)}.btn.warn{border-color:var(--red);color:var(--red)}.btn.big{font-size:18px;padding:8px 22px}kbd{font-size:11px;opacity:.6;border:1px solid currentColor;border-radius:4px;padding:0 3px}.tag{background:var(--paper);padding:3px 10px;border:2px solid var(--ink);border-radius:12px 4px;font-weight:700;box-shadow:0 4px 8px -5px #3c280a66}.tag small{font-weight:400;opacity:.75}.timer.hurry{color:var(--red);border-color:var(--red)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.check{display:flex;gap:6px;align-items:center}.scrap{background:var(--paper);position:absolute;box-shadow:0 1px 1px #0000001f,0 10px 14px -10px var(--shadow)}.tape{position:absolute;top:-8px;left:35%;width:30%;height:15px;background:#ffffff8c;border-left:1px dashed rgba(0,0,0,.08);border-right:1px dashed rgba(0,0,0,.08);transform:rotate(-3deg);z-index:2}.coin{display:inline-block;width:20px;height:20px;border:2.2px solid var(--ink);border-radius:50%;background:var(--gold);vertical-align:-3px}.coin.sm{width:12px;height:12px;border-width:1.5px;vertical-align:-1px}.top{top:max(8px,var(--sa-t));left:50%;transform:translate(-50%) rotate(-.6deg);display:flex;align-items:center;gap:12px;padding:6px 16px 8px;max-width:64vw;flex-wrap:wrap;justify-content:center;z-index:5}.stage-no{font-family:var(--font-marker);font-size:24px;line-height:1}.rounds{display:flex;gap:5px}.rd{width:20px;height:20px;border:2px dashed var(--pencil);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--pencil)}.rd.cur{border:2.5px solid var(--ink);background:var(--note-yellow)}.rd.w{border:2px solid var(--ink);color:var(--ink)}.rd.l{border:2px solid var(--red);color:var(--red)}.timer{display:flex;align-items:center;gap:8px}.timer .num{font-family:var(--font-num);font-size:22px;min-width:2ch;text-align:right;font-variant-numeric:tabular-nums}.timer .track{width:110px;height:9px;border:2px solid var(--ink);border-radius:5px;overflow:hidden;background:var(--paper-2)}.timer .track i{display:block;height:100%;background:var(--mana);transition:width .25s linear}.timer.urgent .track i{background:var(--red)}.timer.urgent .num{color:var(--red)}.phase{font-size:14px;color:var(--pencil)}.traits,.players{position:absolute;top:64px;display:flex;flex-direction:column;gap:6px;max-height:calc(var(--vh) - 250px);overflow:auto}.traits{left:var(--sa-l);width:176px}.items h2{font-size:14px;margin:0 0 2px 8px;font-weight:700}.panel-title{position:relative;flex:none;align-self:flex-start;margin:2px 0 4px 6px;padding:3px 14px 4px;font-size:15px;font-weight:700;background:var(--ink);color:var(--paper);border-radius:255px 15px 225px/15px 225px 15px 255px;transform:rotate(-1.5deg)}.players .panel-title{align-self:flex-end;margin:2px 6px 4px 0;transform:rotate(1.5deg)}.tr{display:grid;grid-template-columns:24px 24px minmax(0,1fr);align-items:center;gap:0 6px;padding:4px 8px 4px 6px;background:var(--paper);border:0;border-left:6px solid var(--pencil);border-radius:0 6px 6px 0;box-shadow:0 1px 1px #0000001a,0 6px 8px -6px var(--shadow);font:inherit;color:var(--ink);text-align:left;cursor:pointer}.tr:not(.on)>*{opacity:.55}.tr.on{border-left-color:var(--red)}.tr.near{outline:1.8px dashed var(--red);outline-offset:-3px}.tr.near>*{opacity:.85}.tr .ef{grid-column:2 / 4;font-size:11px;line-height:1.25;color:var(--red);font-weight:700}.tr.on2{border-left-color:var(--gold)}.trait-ic{flex:none;display:block}.tr .n{font-family:var(--font-num);font-size:20px;text-align:center}.tr .nm{font-size:13px;font-weight:600;line-height:1.15}.tr .st{display:block;font-size:11.5px;font-weight:400;color:var(--pencil);font-variant-numeric:tabular-nums}.tr .st b{color:var(--ink)}.players{right:var(--sa-r);width:184px}.pl{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:6px;background:var(--paper);padding:3px 8px 3px 10px;border:0;border-radius:6px 0 0 6px;box-shadow:0 1px 1px #0000001a,0 6px 8px -6px var(--shadow);font:inherit;color:var(--ink);text-align:left;cursor:pointer}.pl .nm{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl .nm small{display:block;font-size:10.5px;color:var(--pencil)}.pl .nm small.vs{color:var(--red);font-weight:700}.pl .nm small i{font-style:normal;font-weight:700}.pl .nm small .win{color:var(--red)}.pl .nm small .lose{color:var(--mana)}.pl .hpbar{position:absolute;left:0;bottom:0;height:3px;background:var(--heal);transition:width .4s ease}.pl .av b{font-weight:700}.pl .hp{font-family:var(--font-num);font-size:18px;text-align:right;font-variant-numeric:tabular-nums}.pl .av{width:22px;height:22px;border-radius:50%;border:1.8px solid var(--ink);display:grid;place-items:center;overflow:hidden;font-size:11px}.pl .av img{width:100%;height:100%;object-fit:cover}.pl.me{background:var(--note-yellow);margin-left:-8px}.pl.opp{box-shadow:0 0 0 2.5px var(--red),0 6px 8px -6px var(--shadow)}.pl.scouting{outline:2px dashed var(--ink);outline-offset:-3px}.pl.out{opacity:.4;cursor:default}.pl.out .nm{text-decoration:line-through}.items{overflow:visible;left:max(8px,var(--sa-l));bottom:calc(142px + max(8px,var(--sa-b)));width:210px;padding:10px 8px 8px}.item-grid{display:flex;flex-wrap:wrap;gap:4px}.item{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:12px;color:var(--ink);background:var(--note-yellow);border:1.5px solid var(--ink);border-radius:255px 12px 225px/12px 225px 12px 255px;padding:2px 8px 2px 3px;cursor:pointer}.item.completed{background:#ffd84a}.item.emblem,.item.rod{background:#ffb2c6}.item.on{outline:2.5px dashed var(--red);outline-offset:2px}.shopbar{left:50%;bottom:max(8px,var(--sa-b));transform:translate(-50%);width:min(1060px,calc(96vw - var(--sa-l) - var(--sa-r)));display:grid;grid-template-columns:auto 270px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px 8px}.purse{transform:rotate(-2deg);display:flex;flex-direction:column;align-items:center;gap:0;background:var(--paper);padding:2px 14px;border:2.4px solid var(--ink);border-radius:255px 15px 225px/15px 225px 15px 255px;z-index:3}.purse .g{font-family:var(--font-num);font-size:24px;font-variant-numeric:tabular-nums}.purse small{font-family:var(--font-num);color:var(--pencil)}.streak{font-size:13px;font-weight:700}.streak.win{color:var(--red)}.streak.lose{color:var(--mana)}.lvbox{display:grid;grid-template-columns:minmax(0,1fr) 118px;grid-template-areas:"row xp" "bar rr" "odds lock";align-items:center;gap:4px 10px;min-width:0}.lvrow{grid-area:row}.xpbar{grid-area:bar}.odds{grid-area:odds}.bigbtns{display:contents}.bigbtn:first-child{grid-area:xp}.bigbtn:last-child{grid-area:rr}.lockbtn{grid-area:lock}.lvrow{display:flex;gap:8px;align-items:baseline}.lvrow .lv{font-family:var(--font-marker);font-size:20px}.lvrow .xp,.lvrow .cap{font-family:var(--font-num);font-size:16px;font-variant-numeric:tabular-nums}.lvrow .cap{margin-left:auto;color:var(--pencil)}.xpbar{height:8px;border:1.8px solid var(--ink);border-radius:4px;overflow:hidden;background:var(--paper-2)}.xpbar i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--ink) 0 3px,transparent 3px 6px);transition:width .3s ease}.odds{display:flex;gap:8px;font-size:12px;font-variant-numeric:tabular-nums}.odds span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:3px;background:var(--dot)}.bigbtn{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:baseline;gap:0 4px;padding:1px 7px;min-height:0;white-space:nowrap;text-align:left;font-size:13px;font-weight:700}.bigbtn small{margin-left:auto;font-family:var(--font-num);font-size:13px;font-weight:400}.lockbtn{font-size:12.5px;padding:2px 8px;min-height:0}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;position:relative}.card{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:0 6px;padding:4px 7px;background:var(--paper);cursor:pointer;text-align:left;font:inherit;color:var(--ink);border:2.4px solid var(--cc, var(--c1));border-radius:255px 12px 225px/12px 225px 12px 255px;transition:transform .15s ease}.card:hover{transform:translateY(-4px) rotate(-.6deg)}.card.sold{visibility:hidden}.card .note{grid-row:1 / 3;width:40px;height:40px;border-radius:2px 2px 6px;box-shadow:0 1px 1px #0000001f,0 5px 7px -5px var(--shadow);overflow:hidden;transform:rotate(-3deg)}.card .note img{width:100%;height:100%;display:block}.card .nm{grid-column:2 / 4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px;line-height:1.15}.card .cost{font-family:var(--font-num);font-size:16px;white-space:nowrap}.card .nm.long{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;font-size:12px;line-height:1.05}.chips{grid-column:2 / 4;font-size:11px;color:var(--pencil);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sellzone{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#fbfaf3eb;border:3px dashed var(--red);border-radius:8px;color:var(--red);font:inherit;font-size:17px;font-weight:700;cursor:pointer}.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-.4deg);background:var(--paper);border:3px solid var(--ink);border-radius:8px 18px 8px 16px;padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:92vw;box-shadow:0 16px 28px -14px #281e0a99}.modal h2,.modal p{margin:0}.modal.stamp{border:4px solid var(--red);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;color:var(--red);transform:translate(-50%) rotate(-4deg);animation:stamp .35s cubic-bezier(.3,1.5,.5,1)}.modal.stamp h2{font-family:var(--font-marker);font-weight:400}@keyframes stamp{0%{transform:translate(-50%) rotate(-4deg) scale(2);opacity:0}to{transform:translate(-50%) rotate(-4deg) scale(1);opacity:1}}.modal.stamp.final{top:50%;transform:translate(-50%,-50%) rotate(-7deg);animation:stamp-final .35s cubic-bezier(.3,1.5,.5,1);padding:26px 64px 20px;gap:8px}.modal.stamp.final h2{font-size:clamp(30px,6vw,52px);line-height:1.1}.modal.stamp.final p{color:var(--ink);font-size:17px}.modal.stamp.final .btn{transform:rotate(-3deg);font-size:17px;padding:6px 22px}.modal.report{z-index:30;box-sizing:border-box;width:min(760px,94vw);max-height:calc(var(--vh) - 24px);overflow-y:auto;align-items:stretch;gap:8px;padding:14px 22px 12px 46px;transform:translate(-50%,-50%) rotate(-.4deg);background:linear-gradient(90deg,transparent 32px,var(--margin) 32px,var(--margin) 34px,transparent 34px),repeating-linear-gradient(transparent 0 25px,#27368a21 25px 26px),var(--paper);animation:report-in .3s ease-out}@keyframes rc-stamp{0%{transform:rotate(var(--rot)) scale(2.2);opacity:0}}@keyframes report-in{0%{transform:translate(-50%,-46%) rotate(-.4deg);opacity:0}}.rc-who{display:flex;border:0;min-width:0;gap:4px;overflow-x:auto;scrollbar-width:none;margin:-4px 0 0;padding:0 0 2px}.rc-who-btn{flex:none;font:inherit;font-size:12px;padding:2px 9px 2px 4px;border:1.5px solid var(--pencil);border-radius:12px 10px 13px 9px;background:var(--paper);color:var(--ink);white-space:nowrap;cursor:pointer}.rc-who-btn.me{font-weight:700}.rc-who-btn.on{border-color:var(--ink);background:var(--note-yellow)}.rc-who-place{display:inline-block;min-width:16px;margin-right:4px;font-family:var(--font-num);color:var(--red);text-align:center}.rc-note{font-size:12px}.rc-head{display:flex;align-items:center;gap:14px}.rc-stamp{flex:none;max-width:42%;color:var(--red);text-align:center;--rot: -6deg;transform:rotate(var(--rot));animation:rc-stamp .35s cubic-bezier(.3,1.5,.5,1) backwards}.rc-ring{display:inline-block;max-width:100%;box-sizing:border-box;border:3px solid var(--red);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;padding:4px 18px;font-family:var(--font-marker);font-weight:400;font-size:clamp(20px,3.4vw,30px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-stamp p{color:var(--ink);font-size:14px;white-space:nowrap}.rc-titlebox{flex:1;min-width:0}.rc-title{margin:0;font-size:22px;color:var(--ink)}.rc-remark{font-family:var(--font-hand);color:var(--red);font-size:15px;transform:rotate(-1.5deg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-grade{flex:none;position:relative;min-width:84px;padding:8px 10px;border:3px double var(--red);border-radius:6px;color:var(--red);font-weight:700;font-size:17px;text-align:center;white-space:nowrap;--rot: 5deg;transform:rotate(var(--rot));animation:rc-stamp .35s .25s cubic-bezier(.3,1.5,.5,1) backwards}.rc-grade.gradeA,.rc-grade.gradeB{color:var(--green);border-color:var(--green)}.rc-goldstar{position:absolute;top:-16px;right:-12px;color:var(--gold);font-size:28px;text-shadow:0 1px 0 #a07c10}.rc-body{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.rc-col{min-width:0;display:flex;flex-direction:column;gap:3px;line-height:1.35}.rc-line{font-size:17px;font-weight:700;color:var(--ink)}.rc-sub{font-size:13px;color:var(--pencil)}.rc-facts{display:flex;flex-wrap:wrap;column-gap:10px}.rc-facts span{white-space:nowrap}.rc-facts span:not(:last-child):after{content:" ·"}.rc-label{margin-top:4px!important;font-size:12px;font-weight:700;color:var(--red);white-space:nowrap}.rc-hp{width:100%;max-width:260px;height:auto}.rc-hp-base{stroke:var(--pencil);stroke-width:1;stroke-dasharray:3 3}.rc-hp-line{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.rc-hp-mark{fill:var(--pencil)}.rc-hp-mark.win{fill:var(--green)}.rc-hp-mark.lose{fill:var(--red)}.rc-hp-stage{stroke:var(--pencil);stroke-width:.8;stroke-dasharray:2 3;opacity:.6}.rc-hp-ax,.rc-hp-last{font-family:var(--font-num);font-size:9px;fill:var(--pencil)}.rc-hp-last{fill:var(--red);font-size:11px}.rc-carries{margin:0;padding-left:20px;font-size:14px}.rc-carries li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 4px;background:linear-gradient(90deg,rgba(39,54,138,.13) var(--pct, 0%),transparent var(--pct, 0%));border-radius:3px 6px 4px 5px}.rc-carries small{color:var(--pencil);font-size:11px}.rc-item{display:inline-flex;vertical-align:-2px;margin-left:2px}.rc-link{border:0;background:none;padding:0;font:inherit;color:var(--ink);font-weight:700;text-decoration:underline dotted;cursor:pointer}.rc-ko{color:var(--red)!important}.rc-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-num{font-family:var(--font-num);color:var(--ink)}.rc-star{color:var(--gold);font-size:11px;margin-left:2px}.rc-team{display:flex;flex-wrap:wrap;gap:4px}.rc-chip{font-size:12px;padding:1px 7px;border:1.5px solid var(--ink);border-radius:10px 12px 9px 13px;background:var(--paper);white-space:nowrap}.rc-chip.aug{border-color:var(--c4)}.rc-chip.trait{display:inline-flex;align-items:center;gap:3px;border-color:var(--pencil)}.rc-chip.trait.tier2{border-color:var(--c3)}.rc-chip.trait.tier3{border-color:var(--c5);background:#fff8dc}button.rc-chip{font:inherit;font-size:12px;color:var(--ink);cursor:pointer}.rc-chip.unit.on{background:var(--note-yellow)}.rc-dot{display:inline-block;width:5px;height:5px;margin-left:3px;border-radius:50%;background:var(--c4);vertical-align:1px}.rc-open{color:var(--ink)!important}.rc-hist{width:70px;height:18px;vertical-align:middle}.rc-hist polyline{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}.rc-share{background:var(--paper)}.rc-career{font-size:13px;color:var(--ink);column-gap:8px;border-top:1.5px dashed var(--pencil);padding-top:6px}.rc-career b{color:var(--red)}.rc-actions{display:flex;align-items:center;justify-content:center;gap:16px}@media (min-width: 1200px) and (min-height: 760px){.modal.report{width:min(800px,72vw);max-height:calc((var(--vh) - 24px) / 1.25);zoom:1.25}}@media (prefers-reduced-motion: reduce){.modal.report,.rc-stamp,.rc-grade{animation:none}}.linkbtn{border:0;background:none;font:inherit;font-size:13px;color:var(--pencil);text-decoration:underline;cursor:pointer}@keyframes stamp-final{0%{transform:translate(-50%,-50%) rotate(-7deg) scale(2.2);opacity:0}to{transform:translate(-50%,-50%) rotate(-7deg) scale(1);opacity:1}}.modal.small{top:auto;bottom:14px;transform:translate(-50%) rotate(-.4deg);flex-direction:row;padding:8px 16px}.modal.small h2{font-size:18px}.choices{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.choice{font:inherit;color:var(--ink);background:var(--paper);border:2.4px solid var(--ink);border-radius:6px 14px;width:170px;min-height:90px;padding:10px;display:flex;flex-direction:column;gap:6px;cursor:pointer}.choice.tier1{background:#f4f4f0}.choice.tier2{background:#ffd6d0}.choice.tier3{background:#ffe9a0}.choice small{font-size:12.5px}.choice.yak{padding-inline:5px}.choice.yak:lang(th) b{white-space:nowrap}.choice.yak b{text-wrap:balance}.modal:focus{outline:none}.choice .aug-ic{align-self:center;flex:none}.choice.unit{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:2px 10px;text-align:left}.choice.unit .pic{grid-row:1 / 3;width:52px;height:52px;background:var(--paper);border:3px solid var(--paper);box-sizing:border-box;border-radius:2px 2px 8px;box-shadow:0 1px 1px #0000001f,0 5px 7px -5px var(--shadow);overflow:hidden;transform:rotate(-3deg)}.choice.unit .pic img{width:100%;height:100%;display:block}.choice.unit b,.choice.unit small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:1.15}.choice.unit b{align-self:end}.choice.unit small{align-self:start}.good{color:var(--green);font-weight:700}.bad{color:var(--red);font-weight:700}.big-place{font-size:34px;font-weight:700}.final li.me{font-weight:700}.toast{position:absolute;bottom:200px;left:50%;transform:translate(-50%);background:var(--red);color:var(--paper);padding:4px 12px;border-radius:10px;pointer-events:none}.skip,.scout-back{position:absolute;bottom:200px;right:max(16px,var(--sa-r))}.scout-back{bottom:260px;z-index:5}.spectate-tag{position:absolute;top:64px;left:50%;transform:translate(-50%) rotate(-1deg);z-index:5;padding:3px 14px;border:2px dashed var(--ink);border-radius:10px 14px 9px 13px;background:var(--note-yellow);color:var(--ink);font-weight:700;font-size:15px;white-space:nowrap;max-width:min(60vw,420px);overflow:hidden;text-overflow:ellipsis;pointer-events:none}@media (max-height: 500px){.spectate-tag{top:auto;bottom:12px;font-size:12px}}.skip{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:16px;font-weight:700;color:var(--paper);background:var(--ink);border:0;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:7px 16px 8px 18px;min-height:40px;cursor:pointer;transform:rotate(-2deg);box-shadow:0 4px #17215a,0 12px 16px -8px var(--shadow);outline:2px dashed rgba(251,250,243,.55);outline-offset:-6px;transition:transform .12s,box-shadow .12s,background .12s}.skip:hover{background:#3446a8;transform:rotate(-2deg) translateY(-1px);box-shadow:0 5px #17215a,0 14px 18px -8px var(--shadow)}.skip:active{transform:rotate(-2deg) translateY(4px);box-shadow:0 0 #17215a,0 6px 10px -8px var(--shadow)}.skip:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.skip-ico{width:24px;height:16px;fill:var(--gold);stroke:var(--paper);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}@media (hover: hover) and (prefers-reduced-motion: no-preference){.skip:hover .skip-ico{animation:skip-nudge .5s ease-in-out infinite}}@keyframes skip-nudge{50%{transform:translate(3px)}}.speed{display:inline-flex;align-items:center;gap:4px;font:inherit;font-family:var(--font-num);font-size:17px;font-weight:700;line-height:1;color:var(--pencil);background:var(--paper);border:2.4px dashed var(--pencil);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:4px 10px 5px 8px;min-height:34px;cursor:pointer;transition:background .12s,color .12s,transform .12s}.speed svg{width:18px;height:13px;fill:currentColor}.speed:hover{color:var(--ink);border-color:var(--ink)}.speed.on{color:var(--paper);background:var(--ink);border:2.4px solid var(--ink);transform:rotate(-2deg);box-shadow:0 3px #17215a}.speed.on svg{fill:var(--gold)}.speed:active{transform:translateY(2px)}.speed:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.rotate,.fold,.shop-tab{display:none}.game{touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.traits,.players,.modal{touch-action:pan-y;overscroll-behavior:contain}.game img{pointer-events:none;-webkit-user-drag:none}@media (pointer: coarse){.btn,.speed,.linkbtn,.bigbtn,.lockbtn,.tr,.pl,.item{min-height:36px}.card:hover{transform:none}.game .infocard{pointer-events:auto}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (orientation: portrait) and (max-width: 820px){.rotate{display:grid;place-items:center;position:absolute;inset:0;z-index:50;background:var(--paper);font-size:20px;font-weight:700}}.infocard{position:absolute;left:max(8px,var(--sa-l));top:34%;width:236px;border:2.4px solid var(--ink);border-radius:4px 12px;padding:8px 10px;display:flex;flex-direction:column;gap:5px;font-size:12.5px;box-shadow:0 10px 18px -10px #281e0a99;transform:rotate(-.8deg);pointer-events:none;z-index:20}.ic-head{display:flex;gap:6px;align-items:baseline;font-size:16px}.ic-head span{color:#c98a00}.ic-cost{margin-left:auto;color:var(--ink)!important;font-size:13px}.ic-traits{display:flex;gap:4px;flex-wrap:wrap}.ic-traits span{display:inline-flex;align-items:center;gap:3px;border:1.5px solid rgba(39,54,138,.4);border-radius:5px;padding:0 5px;opacity:.7}.ic-traits span.on{opacity:1;border-color:var(--ink);font-weight:700}.ic-skill p{margin:2px 0}.ic-skill small{font-variant-numeric:tabular-nums}.ic-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px 10px;margin:0;font-variant-numeric:tabular-nums}.ic-stats div{display:flex;justify-content:space-between}.ic-stats dt{opacity:.7}.ic-stats dd{margin:0;font-weight:700}.ic-owned{font-size:12px;font-weight:700}.ic-skill em{white-space:nowrap;font-style:normal;font-weight:700;color:var(--red)}.ic-stats .hi dt,.ic-stats .hi dd{color:var(--red);font-weight:700}.ic-stats .hi dd:after{content:" ▲";font-size:10px}.itemcard{background:var(--note-yellow)}.itemcard .ic-head{align-items:center;gap:8px}.ic-head .ic-kind{margin-left:auto;font-size:11px;font-weight:700;color:var(--ink);border:1.5px solid var(--ink);border-radius:255px 12px 225px/12px 225px 12px 255px;padding:0 6px;background:#ffffff80}.ic-legend{font-size:10.5px;opacity:.75}.ic-slots{display:flex;gap:5px}.slot-empty{width:24px;height:24px;border-radius:50%;border:1.6px dashed rgba(39,54,138,.45)}.ic-bonus{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:15px}.ic-bonus b{color:var(--red);font-family:var(--font-num);font-size:18px}.itemcard{top:auto;left:0;bottom:calc(100% + 10px);width:250px;z-index:6}.traitcard{left:calc(184px + var(--sa-l));top:64px;width:240px;background:var(--paper)}.ic-scope{font-size:11.5px;opacity:.8}.ic-tiers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.ic-tiers li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;opacity:.55}.ic-tiers li.on{opacity:1;color:var(--red);font-weight:700}.ic-tiers b{font-family:var(--font-num);font-size:15px;text-align:center;border:1.5px solid currentColor;border-radius:50%;line-height:18px}.ic-members{display:flex;flex-wrap:wrap;gap:3px}.ic-members span{font-size:11.5px;padding:0 5px;border-left:3px solid var(--cc);background:#27368a0d;opacity:.5}.ic-members span.own{opacity:.85;text-decoration:underline}.ic-members span.on{opacity:1;font-weight:700}.itemcard .ic-stats .hi dd:after{content:none}.ic-builds{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:3px;font-size:11.5px}.ic-builds span{display:inline-flex;align-items:center;gap:3px}.ic-recipe{font-size:12px}.ic-combos b{font-size:12.5px}.ic-combos ul{list-style:none;margin:3px 0 0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:12px}.ic-combos li{display:flex;align-items:center;gap:4px}.ic-items{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.item-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px;align-items:start;font-size:12px;line-height:1.3}.item-row b{display:block;font-size:13px}.item-stats{display:block;font-variant-numeric:tabular-nums}.item-desc{display:block;color:var(--ink);opacity:.8}.item-ic{flex:none;display:block}.unitcard .ic-pic{position:absolute;top:-20px;right:-12px;width:72px;height:72px;border:3px solid var(--paper);border-radius:2px 2px 8px;box-sizing:border-box;overflow:hidden;box-shadow:0 1px 1px #00000026,0 6px 9px -5px var(--shadow);transform:rotate(5deg)}.unitcard .ic-pic img{display:block;width:100%;height:100%}.unitcard .ic-head,.unitcard .ic-traits{padding-right:54px}@media (max-width: 1100px) and (min-height: 501px){.top{gap:10px;flex-wrap:nowrap}.top .phase{display:none}}@media (max-height: 500px){.game{--sa-bx: max(0px, calc(var(--sa-b) - 4px));--bottom-h: calc(56px + var(--sa-bx));--tab-h: 0px;--items-h: 60px}.game.planning{--bottom-h: calc(92px + var(--sa-bx));--tab-h: 40px}.game.planning.shop-folded{--bottom-h: calc(44px + var(--sa-bx));--tab-h: 0px}.top{top:max(4px,var(--sa-t));gap:6px;padding:3px 10px 4px;max-width:calc(100vw - 236px - var(--sa-l) - var(--sa-r));flex-wrap:nowrap}.stage-no{font-size:18px}.rounds{gap:3px;min-width:0;overflow:hidden}.rd{flex:none;width:16px;height:16px;font-size:10px}.timer{gap:4px}.timer .num{font-size:18px}.timer .track{width:54px}.phase{display:none}.top .btn{flex:none;min-height:36px;padding:3px 10px;font-size:13px}.speed{flex:none;min-height:36px;font-size:15px;padding:3px 8px}.fold{display:inline-flex;align-items:center;gap:5px;position:fixed;top:max(4px,var(--sa-t));z-index:6;min-height:38px;max-width:112px;padding:2px 9px;font:inherit;font-size:12.5px;font-weight:700;color:var(--ink);border:2.2px solid var(--ink);cursor:pointer}.traits .fold{left:0;padding-left:calc(9px + var(--sa-l));max-width:calc(112px + var(--sa-l));border-left:0;border-radius:0 12px 12px 0}.players .fold{right:0;padding-right:calc(9px + var(--sa-r));max-width:calc(112px + var(--sa-r));border-right:0;border-radius:12px 0 0 12px}.fold .fl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fold b{font-family:var(--font-num);font-size:16px}.fold .chev{font-style:normal;font-size:18px;line-height:1}.fold[aria-expanded=true]{background:var(--ink);color:var(--paper)}.traits.folded>:not(.fold),.players.folded>:not(.fold){display:none}.panel-title{display:none}.traits,.players{top:48px;width:138px;gap:4px;max-height:calc(var(--vh) - 56px - var(--bottom-h));z-index:4}.players{max-height:calc(var(--vh) - 56px - var(--bottom-h) - var(--tab-h))}.game.planning:has(.items) .traits{max-height:calc(var(--vh) - 56px - var(--bottom-h) - var(--items-h))}.tr{grid-template-columns:22px 20px minmax(0,1fr);min-height:36px;padding:2px 6px 2px 4px;border-left-width:5px}.tr .trait-ic{width:20px;height:20px}.tr .n{font-size:17px}.tr .nm{font-size:12px}.tr .st{font-size:10.5px}.tr .ef{display:none}.pl{min-height:36px;padding:2px 6px 2px 8px}.pl .nm{font-size:12px}.pl .hp{font-size:16px}.pl.me{margin-left:-6px}.items{left:max(6px,var(--sa-l));bottom:calc(var(--bottom-h) + 6px);width:auto;max-width:44vw;padding:7px 6px 5px}.items h2{display:none}.item-grid{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.item{flex:none;justify-content:center;min-width:36px;min-height:36px;padding:0;gap:0;font-size:0}.shopbar{bottom:max(4px,var(--sa-b));width:calc(100vw - 16px - var(--sa-l) - var(--sa-r));grid-template-columns:auto 200px minmax(0,1fr);gap:8px;padding:6px 8px 5px;transition:transform .2s ease}.shopbar.folded{transform:translate(-50%,calc(100% + 6px))}.shopbar.folded>:not(.shop-tab){visibility:hidden}.shop-tab{display:inline-flex;align-items:center;gap:5px;position:absolute;right:10px;top:-40px;min-height:36px;padding:2px 12px;font:inherit;font-size:13px;font-weight:700;color:var(--paper);background:var(--ink);border:0;border-radius:12px 12px 0 0;box-shadow:0 -4px 10px -6px var(--shadow);cursor:pointer}.shop-tab .chev{font-style:normal;font-size:11px}.purse{padding:0 8px}.purse .g{font-size:20px}.streak{font-size:11px}.lvbox{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px;grid-template-areas:"row row row" "bar bar bar" "xp rr lock";gap:3px 4px}.lvrow .lv{font-size:16px}.lvrow .xp,.lvrow .cap{font-size:14px}.xpbar{height:6px}.bigbtn,.lockbtn{min-height:36px;padding:1px 4px;font-size:12px;justify-content:center}.bigbtn small{margin-left:2px;font-size:12px}.bigbtn kbd,.lockbtn .lbl,.sellzone kbd,.odds,.chips,.card .note{display:none}.cards{gap:4px}.card{grid-template-columns:minmax(0,1fr) auto;min-height:44px;padding:3px 5px}.card .nm{grid-column:1 / -1;font-size:12.5px}.card .cost{font-size:14px}.sellzone{font-size:13px;padding:0 6px}.infocard{top:48px;left:max(8px,var(--sa-l));width:220px;max-height:calc(var(--vh) - 56px - var(--bottom-h));overflow:hidden;font-size:11px;gap:3px;padding:6px 8px}.ic-head{font-size:14px}.unitcard{display:block;width:min(400px,calc(100vw - 16px));columns:2;column-gap:12px;max-height:calc(var(--vh) - 56px)}.unitcard>*{break-inside:avoid;margin-bottom:3px}.unitcard .ic-pic{position:static;float:left;width:52px;height:52px;margin:0 6px 2px 0;transform:rotate(-3deg)}.unitcard .ic-head,.unitcard .ic-traits{padding-right:0}.unitcard .ic-skill{clear:left}.ic-traits span,.item-row{font-size:10.5px}.item-row b{font-size:11.5px}.itemcard{position:fixed;top:48px;bottom:auto;left:max(8px,var(--sa-l));width:240px}.traitcard{left:calc(146px + var(--sa-l));top:48px;width:230px}.modal{max-height:calc(var(--vh) - 16px);overflow:auto;padding:10px 14px;gap:6px}.modal h2{font-size:18px}.modal.small{bottom:8px;padding:6px 14px}.modal.stamp.final{padding:14px 32px 12px}.modal.report{max-height:calc(var(--vh) - 12px);padding:8px 16px 8px 42px;gap:4px}.rc-ring{padding:2px 12px;font-size:20px}.rc-stamp p,.rc-remark{font-size:12px}.rc-title{font-size:17px}.rc-grade{min-width:70px;padding:4px 8px;font-size:14px}.rc-line{font-size:15px}.rc-hp{max-width:230px}.rc-carries{font-size:13px}.rc-career{font-size:12px;padding-top:3px}.rc-worst{display:none!important}.rc-hp{max-height:34px}.rc-label{margin-top:2px!important}.rc-head{margin-top:4px}.rc-actions .btn{min-height:30px;padding:2px 14px;font-size:14px}.rc-col{gap:1px;line-height:1.3}.rc-chip{font-size:11px;padding:0 5px}.rc-team{gap:3px}.rc-who-btn{font-size:11px;padding:1px 7px 1px 3px}.choices{gap:6px}.choice{width:136px;min-height:60px;padding:6px 8px;gap:3px}.choice small{font-size:11px}.choice.unit{grid-template-columns:40px minmax(0,1fr)}.choice.unit .pic{width:40px;height:40px}.skip{bottom:max(10px,var(--sa-b));right:max(10px,var(--sa-r));font-size:14px;padding:5px 12px 6px 14px}.scout-back{inset:50px auto auto 50%;transform:translate(-50%);z-index:5}.toast{bottom:calc(var(--bottom-h) + 56px)}}.perf-panel{position:absolute;top:54px;right:8px;z-index:50;margin:0;padding:4px 8px;font:11px/1.35 ui-monospace,Menlo,monospace;color:#fff;background:#141832b8;border-radius:6px;pointer-events:none;white-space:pre}.notice{position:absolute;left:50%;top:58px;transform:translate(-50%) rotate(-1deg);z-index:40;padding:6px 14px;font-size:14px;color:var(--ink);background:#fff7b0;border:2px solid var(--ink);border-radius:4px;box-shadow:0 3px #00000026;pointer-events:none}.shopbar.rerolling .card{opacity:.4;filter:grayscale(.6);cursor:progress;transform:none;transition:opacity .12s ease}.shopbar.rerolling .card:disabled{pointer-events:none}.rerolling-tag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);padding:3px 14px;background:var(--paper);color:var(--ink);border:2px dashed var(--ink);border-radius:255px 14px 225px/14px 225px 14px 255px;font-family:var(--font-marker);font-size:16px;white-space:nowrap;box-shadow:0 3px #0000001f;pointer-events:none;z-index:2}@media (prefers-reduced-motion: no-preference){.rerolling-tag{animation:rerolling-wobble .5s ease-in-out infinite alternate}}@keyframes rerolling-wobble{to{transform:translate(-50%,-50%) rotate(1.5deg)}}