@font-face{font-family:Noto Sans Thai;src:url(../assets/fonts/NotoSansThai-Bold.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{--cream: #fff6d8;--cream-2: #ffeeb0;--yellow: #ffd54a;--amber: #f29f05;--amber-dark: #c77700;--green: #2e9e5b;--green-dark: #1f7a43;--blue: #3b82f6;--blue-dark: #2a62c4;--ink: #3b2a1a;--muted: #9a8c78;--warn: #d6361f;--card: #fffaf0;--shadow: 0 6px 18px rgba(80, 50, 10, .25);--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);font-family:Noto Sans Thai,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#d6baa4;color:var(--ink);font-weight:700;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{position:fixed;inset:0;overflow:hidden}#stage-host{position:absolute;inset:0}#stage-host canvas{width:100%;height:100%;display:block}#safe{position:absolute;inset:var(--sat) var(--sar) var(--sab) var(--sal);pointer-events:none;display:flex;justify-content:center}#hud{position:relative;width:100%;max-width:600px;height:100%;pointer-events:none}#hud[hidden]{display:none}#hud>*{position:absolute}#hud button,#hud .tray,#hud .reserve{pointer-events:auto}button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}.btn{min-height:44px;padding:8px 16px;border-radius:14px;color:#fff;font-size:17px;line-height:1.15;background:var(--amber);box-shadow:0 4px 0 var(--amber-dark),0 6px 12px #50320a40;transition:transform .06s,box-shadow .06s,filter .12s}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--amber-dark),0 2px 6px #50320a40}.btn.green{background:var(--green);box-shadow:0 4px 0 var(--green-dark),0 6px 12px #50320a40}.btn.red{background:#d6453a;box-shadow:0 4px #9e2b23,0 6px 12px #50320a40}.btn.blue{background:var(--blue);box-shadow:0 4px 0 var(--blue-dark),0 6px 12px #50320a40}.btn.wood{background:#b98657;box-shadow:0 4px #8a5f37,0 6px 12px #50320a40}.btn.grey,.btn:disabled{background:var(--muted);box-shadow:0 4px #75695a}.btn.big{font-size:22px;min-height:56px;padding:12px 28px;border-radius:18px}.hud-pause{left:3%;top:2.2%;width:14%;height:6.2%;min-width:52px;min-height:44px;font-size:16px}.hud-title{left:20%;top:2.2%;width:52%;height:6.2%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;line-height:1.15;background:#fff6d8e6;border-radius:14px;box-shadow:var(--shadow);pointer-events:none}.hud-time{right:3%;top:2.2%;width:23%;height:6.2%;display:flex;align-items:center;justify-content:center;font-size:22px;background:#fff6d8eb;border-radius:14px;box-shadow:var(--shadow);font-variant-numeric:tabular-nums}.hud-time.warn{color:var(--warn)}.hud-time[hidden]{display:none}.hud-hint{left:3%;right:3%;top:9.6%;padding:6px 10px;text-align:center;font-size:14px;line-height:1.3;background:#fff6d8eb;border-radius:12px;box-shadow:var(--shadow);pointer-events:none}.hud-hint[hidden]{display:none}.hud-shake{right:4%;top:72.4%;width:24%;height:5.8%;min-height:44px;font-size:17px}.hud-shake.cooling{filter:grayscale(.7) brightness(.95)}.hud-mid{left:3%;top:9.8%;width:26%;height:5.4%;min-height:44px;font-size:15px;animation:pulse 1.2s infinite}.hud-mid[hidden]{display:none}@keyframes pulse{50%{transform:scale(1.06)}}.reserve{left:3%;top:72%;width:66%;height:6.6%;min-height:46px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.reserve[hidden]{display:none}.stack{position:relative;border-radius:12px;background:#fff6d88c;border:2px dashed rgba(120,90,50,.35);padding:0;min-height:44px}.stack.full{background:var(--cream);border:2px solid #d9b46a;box-shadow:var(--shadow)}.stack img{position:absolute;inset:4px 24px 4px 4px;width:calc(100% - 28px);height:calc(100% - 8px);object-fit:contain;pointer-events:none}.stack .count{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}.tray{left:2%;right:2%;top:79.5%;height:7.8%;min-height:52px;display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:4px;border-radius:16px;background:#be8c508c;box-shadow:inset 0 0 0 2px #fff6d899,var(--shadow)}.slot{position:relative;border-radius:11px;background:#fff8e180;box-shadow:inset 0 2px 5px #50320a40;overflow:hidden}.slot img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:contain;pointer-events:none}.slot.incoming img{opacity:0}.slot.incoming{background:#fff6d8c7}.slot.pop img{opacity:0}.slot.land img{animation:land .26s cubic-bezier(.3,1.4,.5,1)}@keyframes land{0%{transform:scale(.7)}55%{transform:scale(1.12,.9)}to{transform:scale(1)}}.merge-fx{position:fixed;inset:0;pointer-events:none;z-index:40}.merge-ghost{position:fixed;object-fit:contain;padding:2px;box-sizing:border-box}.merge-puff{position:fixed;border-radius:50%;background:radial-gradient(circle at 40% 38%,#fff,#ffffffeb 35%,#f5f5fa8c 62%,#f0f0f800 72%);filter:blur(1px)}.slot.warn{box-shadow:inset 0 0 0 3px #ff9d2e}@keyframes pop{60%{transform:scale(1.25)}to{transform:scale(0);opacity:0}}.boosters{left:3%;right:3%;top:88.2%;height:7.4%;min-height:52px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;pointer-events:none}.boost{min-height:48px;padding:4px 6px;font-size:15px;line-height:1.12;pointer-events:auto}.boost small{display:block;font-size:13px;opacity:.95}#screens>.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--sat) + 16px) calc(var(--sar) + 16px) calc(var(--sab) + 16px) calc(var(--sal) + 16px);background:radial-gradient(circle at 50% 28%,#fffbe6,#ffe9a0 55%,#ffd36b);text-align:center;gap:14px;overflow:auto}.screen .logo{width:min(78vw,360px,38vh * 1.33);max-height:42vh;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(120,70,0,.3))}.screen h1,.screen h2{margin:0}.screen .col{display:flex;flex-direction:column;gap:12px;align-items:stretch;width:min(86vw,340px)}.screen .note{font-size:13px;color:#7a5c2a;line-height:1.4}.screen .art{width:min(70vw,300px);height:min(40vh,300px);border-radius:24px;object-fit:cover;object-position:50% 32%;box-shadow:var(--shadow);border:4px solid #fff}.toggle-row{display:flex;gap:8px;justify-content:center}.chip{padding:8px 12px;border-radius:12px;background:var(--card);border:2px solid #d9b46a;font-size:14px;min-height:44px}.chip.on{background:var(--green);color:#fff;border-color:var(--green-dark)}.stat-box{width:min(86vw,340px);background:var(--card);border-radius:18px;padding:14px;box-shadow:var(--shadow);line-height:1.5;font-size:17px}.bar{height:14px;border-radius:8px;background:#0000001f;overflow:hidden;margin-top:8px}.bar>i{display:block;height:100%;background:var(--green);border-radius:8px}.loading .bar{width:min(70vw,260px)}#modals{position:absolute;inset:0;pointer-events:none}.modal-back{position:absolute;inset:0;background:#28190580;display:flex;align-items:center;justify-content:center;pointer-events:auto;padding:calc(var(--sat) + 12px) calc(var(--sar) + 12px) calc(var(--sab) + 12px) calc(var(--sal) + 12px)}.modal{width:min(92vw,380px);max-height:100%;overflow:auto;background:var(--card);border-radius:22px;padding:18px 16px;box-shadow:0 10px 30px #0006;border:3px solid #ffd36b;text-align:center;display:flex;flex-direction:column;gap:12px;font-size:17px;line-height:1.4}.modal h2{margin:0;font-size:22px}.modal .row{display:flex;gap:10px}.modal .row>*{flex:1}.modal .mock{font-size:12px;color:var(--warn)}.modal .chips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.modal .chips .chip{padding:6px 2px;font-size:12px;min-height:40px}.slider-row{display:flex;align-items:center;gap:8px;font-size:14px}.slider-row input{flex:1;min-height:32px}#toasts{position:absolute;left:0;right:0;top:calc(var(--sat) + 17%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:50}.toast{max-width:88vw;padding:8px 14px;background:#3b2a1aeb;color:#fff;border-radius:14px;font-size:15px;text-align:center;animation:toast 2.4s forwards}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}8%,80%{opacity:1;transform:none}to{opacity:0}}#debug-panel{position:absolute;left:4px;bottom:4px;z-index:100;font:12px/1.35 ui-monospace,monospace;max-width:calc(100vw - 8px);overflow-wrap:anywhere;color:#fff;background:#0009;padding:4px 6px;border-radius:6px;pointer-events:none;white-space:pre-wrap}@media(prefers-reduced-motion:reduce){.hud-mid{animation:none}.toast{animation-duration:2.4s}.btn{transition:none}.slot.land img{animation:none}}input[type=range]{accent-color:var(--green)}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.menu-row{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 14px;border:2px solid #e8c777;border-radius:14px;background:#fff7dc;color:#4a3417;font:inherit;font-size:17px;font-weight:700;text-align:left;cursor:pointer;box-shadow:0 2px #d9b25a;-webkit-tap-highlight-color:transparent}.menu-row:active{transform:translateY(1px);box-shadow:0 1px #d9b25a}.menu-row:focus-visible{outline:3px solid #2c74c9;outline-offset:2px}.menu-ico{flex:none;display:grid;place-items:center;width:34px;height:34px;color:#8a5a14}.menu-ico svg{width:28px;height:28px}.menu-label{flex:1;min-width:0}.menu-row.big{min-height:66px;background:#ffefb8;font-size:18px}.menu-row.big .menu-ico{width:44px;height:44px}.menu-row.big .menu-ico svg{width:36px;height:36px}.menu-sub{flex:none;font-size:22px;font-weight:800;color:#6b4a12;font-variant-numeric:tabular-nums}.menu-dot{position:absolute;top:-6px;right:-4px;width:16px;height:16px;border-radius:50%;background:#e53b2c;border:2px solid #fff;box-shadow:0 1px 3px #0005}.menu-grid .btn{min-height:52px;font-size:16px}.modal input[type=text]{flex:1;min-width:0;padding:10px 12px;border-radius:12px;border:2px solid #e8c777;background:#fff;color:var(--ink);font:inherit;font-size:16px;user-select:text;-webkit-user-select:text}.modal .note{font-size:13px;color:#7a5c2a;line-height:1.4}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:46vh;overflow:auto}.coll{border-radius:14px;padding:8px;background:#efe6d2;color:var(--muted);display:flex;flex-direction:column;gap:2px;min-height:64px;justify-content:center}.coll.got{background:#fff1b8;color:var(--ink);border:2px solid #ffd36b}.coll-name{font-size:15px}.coll-how{font-size:11px;line-height:1.3}.milestones{display:flex;flex-direction:column;gap:6px;text-align:left}.ms-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.btn.small{min-height:36px;padding:4px 12px;font-size:14px;min-width:72px}.collection-grid.album{grid-template-columns:repeat(3,1fr);max-height:none;overflow:visible}.collection-grid.album .coll{min-height:52px;padding:6px 4px;text-align:center}.coll.fresh{border-color:var(--green)}.history-list{display:flex;flex-direction:column;gap:6px;text-align:left}.history-row{min-height:0;font-size:13px;padding:6px 8px}.board-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.board-grid .cell{aspect-ratio:1 / 1;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;background:#efe6d2;color:var(--ink)}.board-grid .cell.money{background:#fff1b8}.board-grid .cell.chance{background:#cfe5ff}.board-grid .cell.challenge{background:#ffd2a8}.board-grid .cell.start{background:#c9efc9}.board-grid .cell{position:relative}.board-grid .cell.here{outline:3px solid var(--green)}.board-grid .cell.here .cell-ico{opacity:.45}.board-grid .cell-token{position:absolute;right:-6px;bottom:-6px;width:62%;height:78%;object-fit:contain;object-position:right bottom;pointer-events:none;filter:drop-shadow(0 1px 2px #0006)}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-grid .btn{min-height:48px;font-size:16px;padding:6px 8px}.market-row{text-align:left}.modal select{padding:10px 12px;border-radius:12px;border:2px solid #e8c777;background:#fff;color:var(--ink);font:inherit;font-size:16px;max-width:100%}.share-box{display:flex;flex-direction:column;gap:6px;align-items:center}.share-link{font-size:12px;word-break:break-all;user-select:all;-webkit-user-select:all;background:#fff;border-radius:10px;padding:6px 8px;max-width:100%}#screens>.screen.home.illustrated{display:block;padding:0;overflow:hidden;background:#f4e4bf}.home.illustrated .hs{position:absolute;display:flex;align-items:center;justify-content:center}.hs-btn{position:relative;max-width:100%;max-height:100%;padding:0;border:0;background:none;display:flex;cursor:pointer;-webkit-tap-highlight-color:transparent}.hs-btn img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:14%;pointer-events:none;user-select:none}.hs-btn:active img{transform:scale(.96)}.hs.spent img{filter:grayscale(1) brightness(.9)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hs-tag{position:absolute;display:block;left:28%;right:31%;text-align:center;font-size:clamp(9px,2.6vw,13px);font-weight:700;color:#fff;border-radius:999px;padding:1px 4px;line-height:1.3;pointer-events:none}.hs-tag.promo{top:67%;height:22%;background:#555}.hs-tag.event{left:17%;right:23%;top:53%;height:36%;background:#a44009;display:flex;align-items:center;justify-content:center}.hs-tag.plays{left:30%;right:13%;top:60%;height:28%;background:#0064bb;display:flex;align-items:center;justify-content:center;font-size:clamp(10px,3.2vw,15px)}.hl{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-line;font-size:clamp(9px,2.5vw,12px);line-height:1.25;color:#3a2a12;font-weight:700;pointer-events:none}.hl.board{font-size:clamp(8px,2.3vw,11px);background:#fff6dc;border-radius:10px;border:1.5px solid #f4cb7c}.hl.wide{white-space:nowrap}.home-ribbon{position:absolute;left:0;top:0;background:#b8362d;color:#fff;font-size:clamp(9px,2.6vw,12px);padding:3px 10px 3px calc(var(--sal) + 8px);border-bottom-right-radius:10px;z-index:2}.home-resume{position:absolute;border:2px solid #f4cb7c;border-radius:14px;background:#fff6dc;color:#3a2a12;font:inherit;font-weight:700;font-size:clamp(12px,3.4vw,16px);box-shadow:0 3px #c58b3a}:root{--mk-cream: #fffbe8;--mk-line: #f4cb7c;--mk-ink: #3a2a12;--mk-slot: #cdae7f}#hud .hud-pause,#hud .hud-shake,#hud .hud-title,#hud .hud-time,#hud .hud-hint{background:var(--mk-cream);color:var(--mk-ink);border:1.5px solid var(--mk-line);border-radius:16px;box-shadow:0 2px 6px #50320a2e;font-weight:700}#hud .hud-pause,#hud .hud-shake{transition:transform .06s}#hud .hud-pause:active,#hud .hud-shake:active{transform:scale(.96)}#hud .hud-title,#hud .hud-time{font-size:clamp(12px,3.6vw,17px)}#hud .hud-time.warn{color:var(--warn)}#hud .hud-shake.cooling{filter:grayscale(.6);opacity:.8}#hud .tray{background:var(--mk-cream);border:1.5px solid var(--mk-line);box-shadow:0 2px 6px #50320a2e}#hud .tray .slot{background:var(--mk-slot);box-shadow:none;border-radius:12px}#hud .stack.full{background:var(--mk-cream);border:1.5px solid var(--mk-line)}#hud .boost{color:var(--mk-ink);font-weight:700;border:1.5px solid var(--mk-line);border-radius:16px;box-shadow:0 2px 6px #50320a2e;background:#ffc857}#hud #boost-booster_move_out{background:#ffc857}#hud #boost-booster_magnet{background:#7cc8ff}#hud #boost-booster_shuffle{background:#c09af0}#hud .boost.grey,#hud .boost:disabled{background:var(--muted);color:#fff}.modal-back[data-modal=settings],.modal-back[data-modal=profile],.modal-back[data-modal=collection],.modal-back[data-modal=cards],.modal-back[data-modal=events],.modal-back[data-modal=board],.modal-back[data-modal=market],.modal-back[data-modal=prizes],.modal-back[data-modal=mail],.modal-back[data-modal=code],.modal-back[data-modal=decor],.modal-back[data-modal=contact],.modal-back[data-modal=ranking],.modal-back[data-modal=where],.modal-back[data-modal=quests],.modal-back[data-modal=friends],.modal-back[data-modal=invite],.modal-back[data-modal=trade]{background:#fdf1cc url(../assets/home/pattern-cream.webp) center / cover no-repeat}.modal{background:var(--mk-cream);border:2px solid var(--mk-line);color:var(--mk-ink);box-shadow:0 4px 14px #78500a33}.modal h2{color:var(--mk-ink)}.modal .btn{color:var(--mk-ink);background:#ffe0a6;box-shadow:none;border:1.5px solid #f4cb7c;font-weight:700}.modal .btn:active:not(:disabled){transform:scale(.97);box-shadow:none}.modal .btn.green{background:#7dbf3c;border-color:#6aa82f;color:#fff}.modal .btn.red{background:#d6453a;border-color:#b5352b;color:#fff}.modal .btn.grey,.modal .btn:disabled{background:#e8e0d0;border-color:#d8ccb4;color:#8a7c66}.modal .chip{background:#ffe0a6;color:var(--mk-ink);border:1.5px solid #f4cb7c}.modal .chip.on{background:#7dbf3c;border-color:#6aa82f;color:#fff}#screens>.screen.win,#screens>.screen.lose,#screens>.screen.result{background:#fdf1cc url(../assets/home/pattern-cream.webp) center / cover no-repeat;color:var(--mk-ink)}.modal .btn.grey:not(:disabled){background:#ffe0a6;border-color:#f4cb7c;color:var(--mk-ink)}.home.illustrated .hs{container-type:size}.hs-btn.gb{position:relative;width:min(100cqw,100cqh * .95);height:min(100cqh,100cqw / .95);max-width:none;max-height:none;container-type:inline-size;background:none;filter:drop-shadow(0 1.2cqw 1.6cqw rgba(50,30,5,.35))}.hs-btn.gb .gb-art{position:absolute;left:-6%;top:0;width:112%;height:76%;max-width:none;max-height:none;object-fit:contain;object-position:50% 100%;border-radius:0}.hs-btn.gb .gb-label{position:absolute;left:0;right:0;bottom:1%;text-align:center;font-size:21cqw;line-height:1.1;font-weight:900;color:#fff;white-space:nowrap;-webkit-text-stroke:.22em #7a3b0f;paint-order:stroke fill;text-shadow:0 .07em 0 #7a3b0f}.hs-btn.gb .gb-label.long{font-size:16cqw}.hs-btn.gb.nolabel .gb-art{height:100%}.hs-btn.gb:active{transform:scale(.95)}.hs-btn.gb:active img{transform:none}.hs-btn.gb.locked .gb-art{filter:saturate(.55) brightness(.92);opacity:.9}.hs-btn.gb .gb-lock{position:absolute;right:4%;bottom:30%;width:26%;aspect-ratio:.82;border-radius:16%;background:linear-gradient(180deg,#f6f6f8,#b4b4ba);box-shadow:0 0 0 .9cqw #6a6a72}.hs-btn.gb .gb-lock:before{content:"";position:absolute;left:20%;top:-36%;width:60%;height:52%;border:2.6cqw solid #86868e;border-bottom:0;border-radius:999px 999px 0 0}.hs-btn.gb .gb-lock:after{content:"";position:absolute;left:42%;top:34%;width:16%;height:34%;background:#4a4a52;border-radius:999px}.hs-btn.gb.wide{width:100cqw;height:100cqh;filter:drop-shadow(0 1.2cqw 1.6cqw rgba(50,30,5,.35))}.hs-btn.gb.wide .gb-art{left:0;top:0;width:100%;height:100%;object-fit:fill}.hs-btn.gb.wide .gb-label{inset:14% 4% auto 38%;font-size:15cqw}.hs-btn.gb.wide[data-control=C040] .gb-label{font-size:13cqw;left:40%;top:8%}.hs-btn.gb.wide[data-control=C059] .gb-label{left:52%;font-size:13cqw;top:12%}.hs-btn.gb.wide[data-control=C051] .gb-label{left:30%;right:30%;font-size:14cqw;top:6%}.hs-btn.gb.wide[data-control=Start] .gb-label{left:40%;right:3%;top:18%;font-size:15cqw;color:#fff8d0}.hs-btn.gb.wide .hs-tag{inset:auto 6% 12% 40%;height:auto}.hs-btn.gb.wide .hs-tag.event{left:28%;right:28%}.hs-btn.gb.wide .hs-tag.plays{left:40%;right:6%;height:auto;padding:.5% 3%}#hud .icon-btn{padding:0;background:none;border:0;box-shadow:none;color:transparent}#hud .icon-btn img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(60,35,5,.35));pointer-events:none}#hud .icon-btn.cooling img{filter:grayscale(.7) opacity(.75)}#hud .boost{display:flex;align-items:center;justify-content:center;gap:4px;padding:2px 6px}#hud .boost .boost-ico{height:118%;width:auto;max-width:44%;object-fit:contain;margin:-6% 0 0 -2%;filter:drop-shadow(0 2px 2px rgba(60,35,5,.3));pointer-events:none}#hud .boost .boost-text{display:flex;flex-direction:column;align-items:center;line-height:1.1}#hud .boost.grey .boost-ico{filter:grayscale(1) opacity(.7)}#hud .hud-shake.icon-btn{top:69.5%;width:20%;height:9%;right:3%}#hud .boost .boost-text{font-size:clamp(12px,3.4vw,15px);white-space:nowrap}#hud .boost .boost-ico{max-width:36%}.modal-back[data-modal=consent],.modal-back[data-modal=legal]{background:#fdf1cc url(../assets/home/pattern-cream.webp) center / cover no-repeat}.modal-back[data-modal=consent] .modal{text-align:left;gap:8px}.consent-logo{width:62%;align-self:center;max-height:22vh;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(120,70,0,.25))}.consent-eyebrow{font-size:12px;color:#ad7327;font-weight:700}.consent-body,.legal-body{font-size:14px;line-height:1.5;white-space:pre-line;text-align:left}.link-btn{background:none;color:#4b8023;font-size:13px;text-decoration:underline;text-align:left;padding:4px 0;min-height:36px}.link-btn.danger{color:#b5352b;align-self:center}.table-chip{position:absolute;background:#f7f0e2eb;color:#3a2a12;border-radius:999px;font-weight:700;font-size:clamp(10px,3vw,13px);box-shadow:0 2px 4px #3c280a40;padding:0}#screens>.screen.loading{display:block;padding:0;background:repeating-conic-gradient(#7db8f4 0 25%,#f4ede2 0 50%) 0 0 / 28vw 28vw}.screen.loading .logo{position:absolute;left:5%;top:7%;width:90%;height:31%;max-height:none;object-fit:contain}.screen.loading .tube{position:absolute;left:8%;right:8%;top:68.5%;height:4.5%;min-height:26px;border-radius:999px;background:#fff;box-shadow:0 3px 8px #283c5a4d}.screen.loading .tube-in{position:absolute;inset:11% 1.2%;border-radius:999px;background:#7fb6dd;overflow:hidden}.screen.loading .tube-in:after{content:"";position:absolute;left:2.5%;right:2.5%;top:14%;height:22%;border-radius:999px;background:#ffffff59}.screen.loading #loading-bar{display:block;height:100%;width:0;border-radius:999px;background:#63ea23;transition:width .15s linear}.screen.loading .runner{position:absolute;top:68.5%;width:36%;aspect-ratio:2 / 3;transform:translate(-50%,-93%);background:url(../assets/home/run-cycle.webp) 0 0 / 200% 200% no-repeat;animation:runcycle .5s steps(1) infinite;pointer-events:none;transition:left .15s linear}@keyframes runcycle{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:0 100%}75%{background-position:100% 100%}}.screen.loading #loading-text{position:absolute;left:8%;right:8%;top:75%;text-align:center;font-size:23px;font-weight:700;color:#512504}.collection-grid:not(.album){display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.collection-grid .coll-group{grid-column:1 / -1;text-align:left;font-weight:700;margin-top:4px}.coll.tile{min-height:74px;padding:4px;border:0;background:#1e1812e0;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}.coll.tile.got{background:#f5b301;color:#3a2a12}.coll-art{align-self:center;width:40%;aspect-ratio:1;border-radius:14px;background:#1e1812e0;color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center}.coll-art.got{background:#f5b301}.modal-x{align-self:flex-end;min-height:36px;min-width:44px;padding:2px 12px;font-weight:800}.storm-fx{position:fixed;pointer-events:none;z-index:30;animation:storm-fade 2.3s ease-in-out forwards}.storm-ring{position:absolute;inset:0;border-radius:50%;border:7px solid transparent;border-top-color:#ffffffbf;border-left-color:#ffffff59;border-bottom-color:#fff9;filter:blur(1.5px) drop-shadow(0 0 6px rgba(255,255,255,.7));animation:storm-spin .55s linear infinite}.storm-ring.r1{inset:14%;animation-duration:.42s;opacity:.8}.storm-ring.r2{inset:30%;animation-duration:.32s;opacity:.65}@keyframes storm-spin{to{transform:rotate(360deg)}}@keyframes storm-fade{0%{opacity:0;transform:scale(.6)}20%{opacity:1;transform:scale(1)}70%{opacity:.9}to{opacity:0;transform:scale(1.1)}}.avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#fff3d6;border:1.5px solid #f4cb7c;flex:none}.avatar.big{width:56px;height:56px}.rank-row{display:flex;align-items:center;gap:8px}.link-box{display:flex;flex-direction:column;gap:6px}.link-me{display:flex;align-items:center;gap:10px;justify-content:center}.link-title{font-weight:700}.modal .btn.google{background:#fff;border-color:#c9c2b4;color:#3c3c3c}.modal .btn.line{background:#06c755;border-color:#05a948;color:#fff}.scene-strip{position:absolute;left:21.5%;right:21.5%;top:22%;height:17.5%;display:grid;grid-template-columns:repeat(3,1fr);gap:2%}.scene-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;padding:4px 3px 6px;border-radius:16px;background:#fffbe8f0;border:2px solid #f4cb7c;color:#3a2a12;box-shadow:0 3px 8px #3c280a40;min-width:0;overflow:hidden}.scene-card{isolation:isolate}.scene-card .scene-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;z-index:0;pointer-events:none}.scene-card>:not(.scene-cover){position:relative;z-index:1}.scene-card .scene-name,.scene-card .scene-sub{background:#fffbe8e6;border-radius:8px;padding:0 5px}.scene-card.locked{filter:grayscale(.85)}.scene-card.on{border-color:#6aa82f;box-shadow:0 0 0 3px #7dbf3c,0 3px 8px #3c280a40;background:#f3ffe2}.scene-card.locked{background:#e8e0d0;color:#8a7c66}.scene-card.locked .scene-cover{opacity:.3}.scene-card .scene-chick{flex:1;min-height:0;width:100%;object-fit:contain}.scene-name{font-size:clamp(10px,2.9vw,14px);line-height:1.1;font-weight:800;text-align:center}.scene-sub{font-size:clamp(8px,2.3vw,11px);line-height:1.15;text-align:center}.scene-chick.shadow{filter:brightness(0) opacity(.35)}.scene-chick.fallback{padding:4%}.scene-card.locked .scene-chick{filter:brightness(0) opacity(.18)}.scene-card:active{transform:scale(.97)}.scene-card:focus-visible{outline:3px solid #2c74c9;outline-offset:2px}.coll.tile .scene-chick{width:100%;height:52px;object-fit:contain}.coll.tile{flex-direction:column}.coll-art.pic{background:#fff1b8;padding:6px}.coll-art.pic .scene-chick{width:100%;height:100%;object-fit:contain}.art-slot{display:block;object-fit:contain;pointer-events:none}.art-slot.card{width:100%;height:56px;margin-bottom:2px;border-radius:8px}.art-slot.thumb{float:left;width:52px;height:52px;margin-right:8px;border-radius:10px}.market-row:after{content:"";display:block;clear:both}.prize-row{display:flex;align-items:center;gap:8px}.coll.tile.has-art{background:#ece3d0}.coll.tile.has-art.got{background:#cdeaf7}.coll.tile.has-art .coll-name{display:none}.coll.tile.has-art{justify-content:center}.coll.tile.has-art .scene-chick,.coll.tile.has-art .art-slot.thumb{float:none;margin:0;width:100%;height:88px}.coll.tile.has-art{min-height:96px}.framed{position:relative;display:inline-block;width:64px;height:64px;flex:none}.framed .avatar.big{position:absolute;left:15%;top:15%;width:70%;height:70%;border:0}.framed .frame-gold{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.framed.noframe .avatar.big{left:0;top:0;width:100%;height:100%;border:1.5px solid #f4cb7c}.art-slot.shadow{filter:brightness(0) opacity(.35)}.art-slot.big{width:100%;height:100%}.art-slot.icon{width:32px;height:32px;flex:none}.board-grid .cell{flex-direction:column;gap:1px}.art-slot.cell-ico{width:60%;height:50%}.pf-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.pf-head .framed{width:72px;height:72px}.pf-head>.avatar.big{width:60px;height:60px}.pf-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pf-name-row{display:flex;align-items:center;gap:6px}.pf-name-row input{flex:1;min-width:0;padding:7px 10px}.pf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:6px 0}.pf-box{background:#fff7dc;border:2px solid #f0d58c;border-radius:12px;padding:4px 2px;text-align:center;min-width:0}.pf-big{font-size:18px;font-weight:800;color:#5a3d10;font-variant-numeric:tabular-nums;line-height:1.2}.pf-small{font-size:11px;color:#7a5c2a;line-height:1.2}.pf-today{display:flex;align-items:center;gap:10px;background:#fff3d0;border:2px solid #f0d58c;border-radius:14px;padding:8px;margin-bottom:6px}.pf-stamp{flex:none;width:56px;height:68px;padding:6px;background:#fff;border-radius:5px;box-shadow:0 0 0 2px #fff,0 0 0 4px #e6cf9a;display:grid;place-items:center}.pf-stamp img{width:100%;height:100%;object-fit:contain;filter:brightness(0) opacity(.8)}.pf-stamp.got{background:#cdeaf7}.pf-stamp.got img{filter:none}.pf-today-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.pf-today-title{font-size:12px;font-weight:800;color:#b3345f}.pf-today-state{font-size:16px;font-weight:800;color:#4a3417}.modal .pf-today .note{font-size:12px}.modal{position:relative}.modal>h2:first-child{margin:-18px -16px 4px;padding:11px 46px 10px;border-radius:19px 19px 0 0;color:#fff;text-shadow:0 2px 0 rgba(90,20,10,.55),0 0 6px rgba(90,20,10,.35);background:linear-gradient(#f06a55,#c8402f);box-shadow:inset 0 -3px #00000024;line-height:1.2}.modal-back[data-modal=settings] .modal>h2:first-child,.modal-back[data-modal=profile] .modal>h2:first-child,.modal-back[data-modal=code] .modal>h2:first-child,.modal-back[data-modal=contact] .modal>h2:first-child,.modal-back[data-modal=where] .modal>h2:first-child,.modal-back[data-modal=ranking] .modal>h2:first-child,.modal-back[data-modal=legal] .modal>h2:first-child{background:linear-gradient(#5fa7e6,#2f7cc4);text-shadow:0 2px 0 rgba(10,40,90,.55),0 0 6px rgba(10,40,90,.35)}.modal-x{position:absolute;top:5px;right:6px;width:38px;height:38px;padding:6px;display:grid;place-items:center;border-radius:12px;border:2px solid #fff;background:linear-gradient(#f06a55,#c8402f);color:#fff;box-shadow:0 2px #5a140a80;cursor:pointer;z-index:2}.modal-x svg{width:100%;height:100%}.modal-x:active{transform:translateY(1px);box-shadow:none}.modal-x:focus-visible{outline:3px solid #2c74c9;outline-offset:2px}.modal .modal-help{position:absolute;top:6px;left:8px;z-index:2}.modal .btn.green{background:linear-gradient(#93d650,#68ad2c);border-color:#4f8a1f;box-shadow:0 3px #4f8a1f;text-shadow:0 1px 0 rgba(30,70,0,.5)}.modal .btn.blue{background:linear-gradient(#6ab0ea,#3585cc);border-color:#2a6aa6;box-shadow:0 3px #2a6aa6;color:#fff;text-shadow:0 1px 0 rgba(10,40,90,.5)}.modal .btn:not(.green):not(.blue):not(.red):not(:disabled){box-shadow:0 3px #d9b25a}.set-list{display:flex;flex-direction:column;gap:6px}.set-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:4px 12px;border:2px solid #f0d58c;border-radius:14px;background:#fff7dc;color:#4a3417;font:inherit;font-size:17px;font-weight:700;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.set-row .menu-ico{color:#8a5a14}.set-row.on .menu-ico{color:#4d9a2a}.set-label{flex:1;min-width:0}.set-box{flex:none;width:36px;height:36px;border-radius:10px;border:3px solid #c9a56a;background:#e9d6b4;display:grid;place-items:center;color:#fff}.set-row.on .set-box{background:linear-gradient(#93d650,#5fa526);border-color:#3f7d18}.set-box svg{width:24px;height:24px}.set-row:focus-visible{outline:3px solid #2c74c9;outline-offset:2px}.decor-row{display:grid!important;grid-template-columns:76px 1fr;gap:4px 10px;align-items:center;text-align:left}.decor-row .decor-pic{grid-row:1 / span 2;width:76px;height:76px;object-fit:contain;border-radius:10px;background:#fff;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #e6cf9a}.decor-row.locked .decor-pic{filter:grayscale(1) brightness(.8)}.decor-row:not(:has(.decor-pic)){display:flex!important}.art-slot.hero{width:100%;max-height:170px;object-fit:contain}.pbar{height:22px;border-radius:999px;background:#d9c6a2;border:2px solid #c9a56a;overflow:hidden}.pbar-fill{height:100%;background:linear-gradient(#93d650,#5fa526);border-radius:999px;min-width:0}@media(max-height:700px){.art-slot.hero{max-height:90px}}.modal #collection-progress{align-self:center;display:inline-block;padding:5px 22px;border-radius:999px;background:linear-gradient(#a07a5e,#7f5d45);color:#fff;font-size:15px;font-weight:800;text-shadow:0 1px 0 rgba(0,0,0,.3);box-shadow:inset 0 -2px #00000026}.collection-grid:not(.album){max-height:50vh;overflow-y:auto;padding:8px 8px 12px;gap:12px 10px;background:#fff3d2;border-radius:12px}.collection-grid .coll-group{display:flex;align-items:center;gap:10px;justify-content:center;margin:8px 0 2px;color:#c4573a;font-size:14px}.collection-grid .coll-group:before,.collection-grid .coll-group:after{content:"";flex:1;height:2px;background:#e3b99a;border-radius:2px}.coll.tile{padding:7px 7px 20px;border-radius:4px;color:#5a3a1e;position:relative;background:radial-gradient(circle at 50% 40%,#f6f6f6,#c6c6c6) content-box,linear-gradient(#fff,#f6efe0) padding-box;box-shadow:0 1px #fff inset,0 2px #d9ccb0,0 6px 10px #5a3a1e59;transition:transform .12s}.coll.tile:after{content:"";position:absolute;inset:7px 7px 20px;box-shadow:inset 0 2px 5px #00000059,inset 0 -1px #fff9;pointer-events:none}.collection-grid .coll.tile:nth-of-type(odd){transform:rotate(-1.6deg)}.collection-grid .coll.tile:nth-of-type(2n){transform:rotate(1.3deg)}.collection-grid .coll.tile:active{transform:scale(.96)}.coll.tile .coll-name{font-size:18px;font-weight:800;color:#6b6b6b}.coll.tile.got{background:radial-gradient(circle at 50% 40%,#e4f5ff,#9fd3ef) content-box,linear-gradient(#fff,#f6efe0) padding-box;color:#3a2a12}.coll.tile.has-art{background:radial-gradient(circle at 50% 40%,#f6f6f6,#c6c6c6) content-box,linear-gradient(#fff,#f6efe0) padding-box}.coll.tile.has-art.got{background:radial-gradient(circle at 50% 40%,#e4f5ff,#9fd3ef) content-box,linear-gradient(#fff,#f6efe0) padding-box}.coll.tile .scene-chick.shadow,.coll.tile .art-slot.shadow{filter:brightness(0) opacity(.88)}.coll-tabs{gap:6px}.modal .coll-tabs .chip{flex:1;border:0;border-radius:10px 10px 4px 4px;background:linear-gradient(#d9805a,#b9573a);color:#ffe9c9;font-weight:800;box-shadow:inset 0 -3px #0000002e}.modal .coll-tabs .chip.on{background:linear-gradient(#ffe978,#f5c230);color:#7a4a00;box-shadow:inset 0 -3px #a064004d,0 -3px #fff3a8}.coll-head{justify-content:center;align-items:center;gap:10px}.coll-head .chip{min-height:34px;min-width:34px;padding:2px 10px;border-radius:50%;font-weight:800}#modal-board{background:linear-gradient(#e6f4c4,#cfe8a0)}.board-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:4px;padding:6px 4px 12px;border-radius:18px;background:radial-gradient(circle at 50% 50%,#b9e07a,#9ccf5e);box-shadow:inset 0 0 0 3px #7fb84a,0 4px #6a9c3c;transform:perspective(620px) rotateX(38deg);transform-origin:50% 100%;transform-style:preserve-3d;margin:-92px 4px 16px;box-shadow:inset 0 0 0 3px #7fb84a,0 8px #6a9c3c,0 12px #55822e,0 20px 18px #28460a66}.board-lawn{grid-area:2 / 2 / 6 / 6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;font-weight:800;color:#2f5a14;font-size:13px;background:radial-gradient(ellipse at 50% 55%,#d4f19a,#a8d86a);border-radius:14px;box-shadow:inset 0 2px 6px #3c6e1459;padding:6px}.board-grid .cell{border-radius:8px;font-size:11px;font-weight:700;flex-direction:column;background:#fff3c4;box-shadow:0 4px #d3b967,0 5px 6px #3c280a4d}.board-grid .cell.money{background:linear-gradient(#fffbe3,#fbe9a6)}.board-grid .cell.chance{background:linear-gradient(#ffe27a,#ffc83a);box-shadow:0 4px #cf9410,0 5px 6px #3c280a4d}.board-grid .cell.challenge{background:linear-gradient(#cfa6f0,#a874d8);color:#fff;box-shadow:0 4px #7a4aa8,0 5px 6px #3c280a4d}.board-grid .cell.start{background:linear-gradient(#d6f6c2,#8fd46a);box-shadow:0 4px #5e9f3c,0 5px 6px #3c280a4d}.board-grid .cell.here{outline:3px solid #ff8a3d;outline-offset:-1px;z-index:2}.board-grid .cell-token{right:-4px;bottom:2px;width:70%;height:90%}#modal-board #btn-roll{align-self:center;width:168px;min-height:0;padding:14px 0 12px;border-radius:50%/46%;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:20px;background:radial-gradient(ellipse at 50% 25%,#ff9a84,#d9432f 70%);border:4px solid #fff3e0;color:#fff;text-shadow:0 2px 0 rgba(120,20,10,.5);box-shadow:0 8px #9c2a1a,0 14px 16px #50140a66,inset 0 3px #ffffff73;margin:6px 0 12px}#modal-board #btn-roll .roll-label{background:linear-gradient(#7cc83f,#4f9a22);border:2px solid #fff3e0;border-radius:999px;padding:1px 14px;font-size:16px}#modal-board #btn-roll.grey{background:radial-gradient(ellipse at 50% 25%,#efe9db,#bfb49c 70%);color:#6f6350;text-shadow:none;box-shadow:0 8px #9a8f78,0 14px 16px #3c321e4d}#modal-board #btn-roll.grey .roll-label{background:#cfc6b2;color:#6f6350}#modal-board #btn-roll:active{transform:translateY(4px);box-shadow:0 4px #9c2a1a}.die-scene{width:50px;height:50px;margin-bottom:10px;perspective:260px;display:block;margin-top:4px}.die-cube{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-28deg) rotateY(-38deg)}.spin .die-cube{animation:die-tumble .9s cubic-bezier(.2,.7,.3,1)}@keyframes die-tumble{0%{transform:rotateX(-28deg) rotateY(-38deg) translateY(0)}25%{transform:rotateX(300deg) rotateY(200deg) translateY(-30px)}60%{transform:rotateX(520deg) rotateY(420deg) translateY(-6px)}to{transform:rotateX(692deg) rotateY(682deg) translateY(0)}}.die-face{position:absolute;inset:0;border-radius:10px;background:linear-gradient(145deg,#fff,#e9e3d6);border:1px solid #d6cfbf;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:7px;box-shadow:inset 0 0 8px #0000001f;backface-visibility:hidden}.die-face i{display:block}.die-face i.pip{background:radial-gradient(circle at 35% 30%,#5a5a5a,#1f1f1f);border-radius:50%;margin:1px;box-shadow:inset 0 -1px #fff3}.die-face.f-front{transform:translateZ(25px)}.die-face.f-back{transform:rotateY(180deg) translateZ(25px)}.die-face.f-right{transform:rotateY(90deg) translateZ(25px);background:linear-gradient(145deg,#f1ece0,#d9d2c2)}.die-face.f-left{transform:rotateY(-90deg) translateZ(25px);background:linear-gradient(145deg,#f1ece0,#d9d2c2)}.die-face.f-top{transform:rotateX(90deg) translateZ(25px);background:linear-gradient(145deg,#fff,#f4efe4)}.die-face.f-bottom{transform:rotateX(-90deg) translateZ(25px);background:#cfc8b8}@media(prefers-reduced-motion:reduce){.spin .die-cube{animation:none}}.board-grid .cell{transform-style:preserve-3d;box-shadow:0 6px #d3b967,0 7px #b89a45,0 10px 8px #3c280a59}.board-grid .cell.chance{box-shadow:0 6px #cf9410,0 7px #a8730a,0 10px 8px #3c280a59}.board-grid .cell.challenge{box-shadow:0 6px #7a4aa8,0 7px #5e3585,0 10px 8px #3c280a59}.board-grid .cell.start{box-shadow:0 6px #5e9f3c,0 7px #437c26,0 10px 8px #3c280a59}.board-grid .cell .cell-ico{transform:rotateX(-22deg);transform-origin:50% 100%;filter:drop-shadow(0 4px 2px rgba(0,0,0,.3))}.board-grid .cell-token{transform:rotateX(-34deg);transform-origin:50% 100%;width:auto;height:210%;max-width:none;bottom:8px;right:0;left:auto;object-position:50% 100%;z-index:3;filter:drop-shadow(0 6px 3px rgba(0,0,0,.4))}.modal-back:not(:last-child) .modal-x{display:none}.board-tools{display:flex;justify-content:center;gap:18px;margin:2px 0 8px}.board-tool{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;padding:0;min-width:74px}.board-tool .bt-face{width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;border:3px solid #fff3e0;background:linear-gradient(#ffb85a,#e8761e);box-shadow:0 5px #a8480e,0 8px 8px #50280a4d,inset 0 3px #ffffff73}.board-tool.invite .bt-face{background:linear-gradient(#6fd4ee,#2f93d4);box-shadow:0 5px #1b608f,0 8px 8px #0a32504d,inset 0 3px #ffffff73}.board-tool.rules .bt-face{background:linear-gradient(#ffe36a,#f0b21a);box-shadow:0 5px #a87608,0 8px 8px #503c0a4d,inset 0 3px #ffffff73}.board-tool .menu-ico{width:34px;height:34px;display:block}.board-tool svg{width:100%;height:100%;stroke-width:2.2;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}.board-tool .bt-label{font-size:14px;font-weight:800;color:#fff;-webkit-text-stroke:3px #5a3418;paint-order:stroke fill;letter-spacing:.2px}.board-tool:active .bt-face{transform:translateY(3px);box-shadow:0 2px #a8480e}.board-tool .menu-ico{color:#fff}