:root{--ink:#24332e;--ink-soft:#607069;--cream:#f5efe3;--paper:#fffaf0;--paper-deep:#e7dcc8;--wood:#c8a578;--wood-dark:#98734f;--sage:#5f785e;--sage-dark:#334d3e;--blue:#397a91;--blue-dark:#205468;--coral:#d66f5f;--coral-dark:#98483f;--gold:#e7b65f;--surface:#fffaf0c7;--line:#334d3e1f;--shadow:0 24px 80px #362f231f;--shadow-soft:0 16px 44px #3f342617}*{box-sizing:border-box}html{background:var(--cream);min-width:320px}body{color:var(--ink);background:radial-gradient(circle at 15% 10%, #fffc, transparent 28rem), radial-gradient(circle at 1px 1px, #404d4209 1px, transparent 1.2px) 0 0 / 18px 18px, var(--cream);font-family:var(--font-nunito), system-ui, sans-serif;min-height:100svh;margin:0}.games-hub{align-content:center;justify-items:center;gap:34px;padding:64px 20px 42px;display:grid}.hub-heading{z-index:2;text-align:center;max-width:680px;position:relative}.hub-heading h1{color:var(--sage-dark);font-family:var(--font-playfair), serif;letter-spacing:-.05em;margin:8px 0 10px;font-size:clamp(2.6rem,8vw,5rem);line-height:1}.hub-heading p{color:var(--ink-soft);margin:0;font-size:1.05rem}.game-card-grid{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:min(100%,880px);display:grid;position:relative}.game-choice-card{min-height:340px;box-shadow:var(--shadow-soft);color:inherit;cursor:pointer;text-align:left;background:#fffaf0d1;border:1px solid #334d3e21;border-radius:30px;padding:30px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block}.game-choice-card:hover{transform:translateY(-5px);box-shadow:0 26px 60px #362f2329}.game-choice-card>b{color:var(--coral-dark);margin-top:24px;display:block}.game-choice-art{border-radius:22px;justify-content:center;align-items:center;width:100%;height:142px;margin-bottom:24px;display:flex}.tikri-art{background:linear-gradient(145deg,#dfc59f,#c89f70);grid-template-columns:repeat(2,34px);gap:16px;display:grid}.tikri-art i{background:var(--blue);border:6px solid #ffffff61;border-radius:50%;width:34px;height:34px}.tikri-art i:nth-child(2),.tikri-art i:nth-child(3){background:var(--coral)}.aloo-art{color:#fffaf0;font-family:var(--font-nunito), sans-serif;background:linear-gradient(145deg,#405d4c,#243e32);gap:18px;font-size:4.6rem;font-weight:300;line-height:1}.aloo-art i{font-style:normal}.aloo-art i:nth-child(2){color:var(--gold)}.game-choice-copy{gap:5px;display:grid}.game-choice-copy small{color:var(--coral-dark);letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:900}.game-choice-copy strong{color:var(--sage-dark);font-family:var(--font-playfair), serif;font-size:2.2rem}.game-choice-copy span{color:var(--ink-soft);line-height:1.5}.games-hub footer{z-index:2;color:var(--ink-soft);text-align:center;font-size:.82rem;position:relative}.hub-lobby-button{background:var(--sage-dark);color:var(--paper);border:1px solid #334d3e2e;border-radius:8px;align-items:center;gap:10px;margin-top:24px;padding:13px 18px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 14px 30px #334d3e2e}.hub-lobby-button b{margin-left:4px}.lobby-shell{background:radial-gradient(circle at 85% 8%,#e7b65f2e,#0000 24rem),radial-gradient(circle at 8% 88%,#397a911c,#0000 28rem);min-height:100svh}.lobby-shell .content-panel{border-radius:10px}.lobby-shell .primary-button,.lobby-shell .secondary-button,.lobby-shell input{border-radius:7px}.lobby-topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5efe3db;grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;padding:12px clamp(16px,4vw,42px);display:grid;position:fixed;top:0;left:0;right:0}.lobby-topbar strong{color:var(--sage-dark);font-family:var(--font-playfair), serif;font-size:1.25rem}.lobby-topbar button{width:max-content;color:var(--sage-dark);cursor:pointer;font:inherit;background:0 0;border:0;padding:9px 0;font-weight:900}.lobby-topbar>button:first-child{text-align:left;justify-self:start}.lobby-topbar button:last-child:not(:first-child){justify-self:end}.central-lobby-entry,.central-waiting-room{text-align:center;margin-top:92px}.central-lobby-entry .field-label{margin-top:30px}.lobby-game-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.lobby-game-picker>button{min-height:84px;color:var(--ink);cursor:pointer;text-align:left;background:#fffaf0c7;border:1px solid #334d3e26;border-radius:9px;align-items:center;gap:13px;padding:14px;display:flex}.lobby-game-picker>button>b{min-width:52px;min-height:52px;color:var(--blue-dark);background:#397a911f;border-radius:7px;place-items:center;display:grid}.lobby-game-picker>button:last-child>b{color:var(--sage-dark);background:#e7b65f33}.lobby-game-picker>button span{gap:3px;display:grid}.lobby-game-picker>button small{color:var(--ink-soft)}.lobby-game-picker>button em{color:var(--coral-dark);margin-left:auto;font-size:1.15rem;font-style:normal;font-weight:900}.lobby-game-picker>button.selected{border-color:var(--sage);box-shadow:inset 0 0 0 1px var(--sage);background:#5f785e1a}.lobby-game-picker.compact{margin:12px 0 16px}.lobby-game-picker.compact>button{min-height:66px}.lobby-game-picker.compact>button>b{min-width:42px;min-height:42px}.central-game-settings{border:1px solid var(--line);text-align:left;border-radius:9px;margin:24px 0 16px;padding:18px}.central-game-settings legend{color:var(--sage-dark);padding:0 8px;font-weight:900}.central-game-settings:disabled{opacity:.78}.lobby-setting-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lobby-setting-row>span{width:100%;color:var(--ink-soft);text-transform:uppercase;margin-bottom:3px;font-size:.8rem;font-weight:900}.lobby-setting-row button{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font:inherit;border-radius:7px;padding:9px 12px;font-size:.82rem;font-weight:800}.lobby-setting-row button.selected{border-color:var(--sage);background:var(--sage-dark);color:var(--paper)}.lobby-result-note{background:#d66f5f1a;border-radius:7px;padding:10px 14px;font-weight:800;color:var(--coral-dark)!important}.lobby-game-center{text-align:center;margin-top:92px}.lobby-game-center .lobby-game-picker{margin-top:30px}.fixed-game-heading{text-align:left;background:#5f785e14;border:1px solid #334d3e24;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:15px 17px;display:flex}.fixed-game-heading>span{gap:2px;display:grid}.fixed-game-heading small{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:900}.fixed-game-heading strong{color:var(--sage-dark);font-family:var(--font-playfair), serif;font-size:1.55rem}.fixed-game-heading button{background:var(--paper);color:var(--sage-dark);cursor:pointer;font:inherit;border:1px solid #334d3e29;border-radius:6px;padding:9px 12px;font-size:.78rem;font-weight:900}.lobby-setting-row.variants{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lobby-shell .lobby-setting-row.variants button{text-align:left;border-radius:5px;align-content:center;gap:4px;min-height:86px;padding:12px 11px;display:grid}.lobby-setting-row.variants button strong{font-size:.82rem}.lobby-setting-row.variants button small{color:inherit;opacity:.72;font-size:.66rem;font-weight:700;line-height:1.25}.central-game-settings .timer-mode-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.central-game-settings .timer-mode-buttons button{min-height:64px;color:var(--ink);cursor:pointer;font:inherit;background:#fffaf0c2;border:1px solid #334d3e24;border-radius:7px;padding:9px 12px;font-size:.84rem;font-weight:900}.central-game-settings .timer-mode-buttons button.selected{border-color:var(--sage);background:var(--sage-dark);color:var(--paper);box-shadow:0 7px 18px #334d3e24}.central-game-settings .timer-mode-buttons small{color:inherit;opacity:.76;margin-top:3px;font-size:.68rem;font-weight:700;display:block}.central-game-settings .custom-time-input{margin-top:14px}.lobby-shell .lobby-players button{border-radius:8px}.lobby-shell .room-share-actions button{border-radius:7px}.lobby-room-code{text-align:left;border-bottom:1px solid #334d3e2e;justify-content:space-between;align-items:center;gap:20px;width:100%;margin:-2px 0 22px;padding:13px 2px 15px;display:flex}.lobby-room-code>span{gap:2px;display:grid}.lobby-room-code small{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.64rem;font-weight:900}.lobby-room-code strong{color:var(--sage-dark);letter-spacing:.18em;font-size:clamp(1.45rem,5vw,1.8rem)}.lobby-room-code button{color:var(--blue-dark);cursor:pointer;font:inherit;background:0 0;border:0;padding:8px 0 8px 16px;font-weight:900}.lobby-copy-status{min-height:18px;color:var(--sage-dark);text-align:center;margin:-1px 0 8px;font-size:.74rem;font-weight:800;display:block}.central-waiting-room .room-share-actions{grid-template-columns:1fr}.lobby-confirm-backdrop{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#18231d7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lobby-confirm-dialog{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:9px;width:min(100%,360px);padding:24px;box-shadow:0 24px 70px #18231d3d}.lobby-confirm-dialog h2{color:var(--sage-dark);font-family:var(--font-playfair), serif;margin:0 0 7px}.lobby-confirm-dialog p{color:var(--ink-soft);margin:0}.lobby-confirm-dialog>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;display:grid}.lobby-confirm-dialog button{border:1px solid var(--line);background:var(--paper);color:var(--sage-dark);cursor:pointer;font:inherit;border-radius:5px;padding:11px 12px;font-weight:900}.lobby-confirm-dialog .confirm-leave{border-color:var(--coral-dark);background:var(--coral-dark);color:#fff}.lobby-profile-row{border:1px solid var(--line);text-align:left;background:#fffaf0b8;border-radius:7px;align-items:center;gap:8px;margin:12px 0 20px;padding:10px 12px;display:flex}.lobby-profile-row>span{flex:1;gap:1px;display:grid}.lobby-profile-row small{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:900}.lobby-profile-row input{border:1px solid var(--line);background:var(--paper);min-width:0;color:var(--ink);font:inherit;border-radius:5px;flex:1;padding:9px 10px}.lobby-profile-row button{background:var(--paper);color:var(--sage-dark);cursor:pointer;font:inherit;border:1px solid #334d3e29;border-radius:5px;padding:8px 10px;font-size:.76rem;font-weight:900}.central-waiting-room .lobby-heading{border-top:1px solid #334d3e1f;margin-top:24px;padding-top:18px}.central-waiting-room .central-game-settings{background:#fffaf06b;margin-top:28px}.lobby-retry{margin:14px auto}.in-game-lobby-button{z-index:78;min-height:42px;color:var(--sage-dark);cursor:pointer;font:inherit;background:#fffaf0eb;border:1px solid #334d3e29;border-radius:7px;align-items:center;gap:7px;padding:0 14px;font-weight:900;display:flex;position:fixed;top:14px;right:118px;box-shadow:0 8px 24px #362f231f}.lobby-drawer-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c272159;position:fixed;inset:0}.lobby-drawer{background:var(--paper);flex-direction:column;width:min(92vw,420px);height:100%;padding:24px;animation:.22s ease-out lobbyDrawerIn;display:flex;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-24px 0 70px #1e2a2333}@keyframes lobbyDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.lobby-drawer>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:18px;display:flex}.lobby-drawer h2{color:var(--sage-dark);font-family:var(--font-playfair), serif;letter-spacing:.08em;margin:3px 0 0;font-size:2.5rem}.lobby-drawer>header>button{border:1px solid var(--line);background:var(--cream);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:50%;font-size:1.7rem}.lobby-drawer-summary{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.lobby-drawer-summary>span{background:var(--cream);border-radius:7px;gap:4px;padding:13px;display:grid}.lobby-drawer-summary small{color:var(--ink-soft);text-transform:uppercase;font-size:.7rem;font-weight:900}.lobby-drawer-players{gap:8px;margin:10px 0 20px;display:grid}.lobby-drawer-players>div{border:1px solid var(--line);border-radius:7px;align-items:center;gap:11px;padding:12px;display:flex}.lobby-drawer-players>div.playing{background:#5f785e12;border-color:#5f785e66}.lobby-drawer-players i{background:#aaa;border-radius:50%;width:9px;height:9px}.lobby-drawer-players i.connected{background:#4fa868;box-shadow:0 0 0 4px #4fa8681f}.lobby-drawer-players span{flex:1;gap:2px;display:grid}.lobby-drawer-players small{color:var(--ink-soft)}.lobby-drawer-players b{color:var(--sage);text-transform:uppercase;font-size:.72rem}.lobby-drawer-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.lobby-drawer-actions button{border-radius:7px}.lobby-drawer>p{color:var(--ink-soft);font-size:.84rem;line-height:1.5}.lobby-drawer-leave{color:var(--coral-dark);cursor:pointer;font:inherit;background:0 0;border:0;margin-top:auto;padding:12px;font-weight:900}@media (width<=680px){.in-game-lobby-button{padding:0 11px;font-size:.78rem;top:15px;right:108px}.central-lobby-entry,.central-waiting-room,.lobby-game-center{margin-top:76px}.lobby-game-picker{grid-template-columns:1fr}.lobby-game-picker.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-game-picker.compact>button{text-align:center;justify-items:center;display:grid}}.aloo-shell{--aloo-green:#405d4c;--aloo-deep:#243e32;--aloo-potato:#e7b65f;background:radial-gradient(circle at 85% 5%,#e7b65f2e,#0000 24rem),radial-gradient(circle at 5% 85%,#405d4c1c,#0000 28rem)}.aloo-topbar{border-color:#405d4c1a}.aloo-brand-button{cursor:pointer;background:0 0;border:0;padding:0}.aloo-logo{color:var(--aloo-deep,var(--sage-dark));justify-content:center;align-items:center;gap:9px;display:flex}.aloo-logo strong{font-family:var(--font-playfair), serif;letter-spacing:-.045em;font-size:clamp(1.7rem,5vw,2.35rem)}.aloo-logo>span{color:var(--coral);font-size:1.7rem;font-weight:900;line-height:1}.aloo-logo>span:last-child{color:var(--gold)}.content-panel>.aloo-logo{margin:14px 0 4px}.aloo-intro{max-width:520px;color:var(--ink-soft);text-align:center;margin:0 auto 26px}.aloo-mode-icon{background:#e7b65f2e;border-radius:16px;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:1.75rem;display:grid}.aloo-bot-card.featured{border-color:#e7b65f99}.aloo-local-panel p,.aloo-room-panel p{color:var(--ink-soft);line-height:1.55}.aloo-room-panel{text-align:center}.aloo-variant-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:18px 0 22px;display:grid}.aloo-variant-picker button{min-height:78px;color:var(--aloo-deep);cursor:pointer;text-align:left;background:#fffaf0b8;border:1px solid #334d3e26;border-radius:12px;gap:3px;padding:11px 10px;display:grid}.aloo-variant-picker button.selected{border-color:var(--aloo-green);box-shadow:inset 0 0 0 1px var(--aloo-green);background:#405d4c1a}.aloo-variant-picker button:disabled{cursor:default;opacity:.72}.aloo-variant-picker strong{font-size:.92rem}.aloo-variant-picker small{color:var(--ink-soft);font-size:.7rem;line-height:1.3}.aloo-room-variant{width:fit-content;color:var(--paper);background:var(--aloo-green);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin:-8px auto 8px;padding:5px 10px;font-size:.7rem;font-weight:900}.aloo-room-code{color:var(--aloo-deep);letter-spacing:.18em;margin:22px auto;font-size:clamp(2.4rem,12vw,4rem);font-weight:900}.aloo-room-divider{color:var(--ink-soft);align-items:center;gap:12px;margin:24px 0;font-size:.8rem;display:flex}.aloo-room-divider:before,.aloo-room-divider:after{content:"";background:#334d3e24;flex:1;height:1px}.field-label{color:var(--ink-soft);text-align:left;text-transform:uppercase;gap:7px;margin:14px 0;font-size:.78rem;font-weight:900;display:grid}.field-label input{width:100%;color:var(--ink);text-transform:none;background:#fffaf0eb;border:1px solid #334d3e2e;border-radius:10px;padding:14px 16px;font-size:1rem}.aloo-player-list{text-align:left;background:#405d4c14;border-radius:12px;gap:8px;margin-top:24px;padding:18px;display:grid}.aloo-match-shell{min-height:100svh;overflow:hidden auto}.aloo-match-shell .aloo-topbar{margin-top:0}.aloo-match{justify-items:center;width:min(100% - 28px,620px);margin:8px auto 48px;display:grid}.aloo-play-stack{--aloo-board-size:min(52svh, 82vw, 430px);grid-template-rows:auto auto auto auto;justify-items:center;gap:10px;width:min(100%,470px);margin-top:0;display:grid}.aloo-bot-card .bot-level-copy{text-align:left;min-width:0;display:grid}.aloo-bot-card .bot-personality{color:var(--coral-dark);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:.62rem;font-weight:900}.aloo-local-seats{background:#fffaf094;border:1px solid #334d3e1c;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:18px;padding:12px;display:grid}.aloo-local-seats>span{text-align:left;grid-template-columns:auto 1fr;column-gap:9px;display:grid}.aloo-local-seats b{color:var(--blue);grid-row:1/3;font-size:2rem;line-height:1}.aloo-local-seats>span:last-child b{color:var(--coral)}.aloo-local-seats small{color:var(--ink-soft);text-transform:uppercase;font-size:.63rem;font-weight:900}.aloo-local-seats strong{font-size:.78rem}.aloo-local-seats>i{color:var(--ink-soft);text-transform:uppercase;font-size:.68rem;font-style:normal;font-weight:900}.aloo-rules-mode-list{gap:9px;margin:18px 0;display:grid}.aloo-rules-mode-list button{min-height:72px;color:var(--aloo-deep);text-align:left;cursor:pointer;background:#fffaf0b3;border:1px solid #334d3e21;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;display:flex}.aloo-rules-mode-list button span{gap:3px;display:grid}.aloo-rules-mode-list button strong{font-size:1rem}.aloo-rules-mode-list button small{color:var(--ink-soft);font-size:.72rem;line-height:1.35}.aloo-rules-mode-list button b{color:var(--coral-dark);font-size:1rem}.aloo-rules-play{width:100%}.aloo-rule-page{text-align:center}.aloo-rule-page h1{margin-bottom:18px}.aloo-rule-board{aspect-ratio:1;border:5px solid var(--aloo-green);background:var(--aloo-green);border-radius:20px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4px;width:min(70vw,300px);margin:0 auto 20px;display:grid;overflow:hidden;box-shadow:0 16px 34px #2a403326}.aloo-rule-board span{color:var(--coral-dark);background:#fffaf0f5;place-items:center;font-size:clamp(2rem,11vw,3.5rem);font-weight:900;display:grid}.aloo-rule-board span:nth-child(2n){color:#9b6b1f}.aloo-rule-board span.expiring{opacity:.48;background-image:radial-gradient(circle,currentColor 1.4px,#0000 1.8px);background-size:8px 8px}.aloo-rule-explanation{text-align:left;background:#fffaf0c2;border:1px solid #334d3e1f;border-radius:16px;margin:0 auto 18px;padding:18px}.aloo-rule-explanation h2{margin:0 0 7px;font-size:1.15rem}.aloo-rule-explanation p{color:var(--ink-soft);margin:0 0 10px;line-height:1.55}.aloo-rule-explanation small{color:var(--coral-dark);font-weight:900}.aloo-rule-navigation{grid-template-columns:1fr 1fr;gap:10px;display:grid}.aloo-rule-navigation button{width:100%;padding-inline:14px}.aloo-rule-swipe-hint{color:var(--ink-soft);letter-spacing:.03em;margin-top:10px;font-size:.68rem;font-weight:800;display:block}.aloo-lobby-variant>div{grid-template-columns:repeat(3,minmax(0,1fr))}.aloo-history-dock{justify-content:center;align-items:center;gap:8px;min-height:46px;margin:5px 0 3px;display:flex}.aloo-history-dock button{width:42px;height:42px;color:var(--aloo-deep);cursor:pointer;background:#fffaf0d6;border:1px solid #334d3e21;border-radius:50%;place-items:center;padding:0;transition:transform .14s,border-color .14s,background .14s;display:grid;box-shadow:0 6px 16px #362f230f}.aloo-history-dock button span{font-size:1.08rem;font-weight:900;line-height:1}.aloo-history-dock button:not(:disabled):active{transform:scale(.94)}.aloo-history-dock button.live{color:var(--paper);background:var(--aloo-green)}.aloo-history-dock button:disabled{cursor:default;opacity:.42}.aloo-history-dock button.live:disabled{opacity:1}.aloo-player-panel{background:#fffaf0c2;border:1px solid #334d3e1a;border-radius:15px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;width:min(100%,430px);height:68px;padding:10px 16px 10px 10px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid;box-shadow:0 8px 24px #362f2312}.aloo-player-panel.active{background:#fff8e4f5;border-color:#e7b65fb8;box-shadow:0 9px 25px #c2903829}.aloo-player-mark{width:40px;height:40px;color:var(--paper);background:var(--coral);border-radius:12px;place-items:center;font-size:2rem;font-weight:700;line-height:1;display:grid}.aloo-player-mark.mark-cross{color:var(--aloo-deep);background:var(--gold)}.aloo-player-copy,.aloo-player-stat{min-width:0;line-height:1.15;display:grid}.aloo-player-copy small,.aloo-player-stat small{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:900}.aloo-player-copy strong{color:var(--aloo-deep);text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;overflow:hidden}.aloo-player-stat{text-align:right;min-width:48px}.aloo-player-stat strong{color:var(--coral-dark);font-size:1.05rem}.aloo-player-panel.bottom .aloo-player-stat strong{color:#9b6b1f}.aloo-turn{text-align:center;place-content:center;gap:2px;width:100%;min-height:56px;display:grid}.aloo-turn>span{color:var(--aloo-deep);font-family:var(--font-playfair), serif;font-size:1.5rem;font-weight:700}.aloo-thinking-dots{gap:2px;margin-left:4px;font-family:inherit;font-style:normal;display:inline-flex}.aloo-thinking-dots b{animation:1.15s ease-in-out infinite alooThinkingDot}.aloo-thinking-dots b:nth-child(2){animation-delay:.14s}.aloo-thinking-dots b:nth-child(3){animation-delay:.28s}.aloo-turn small{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.aloo-board-center{width:100%;min-height:var(--aloo-board-size);place-items:center;display:grid;position:relative}.aloo-reaction-stream{inset:0}.aloo-reaction-dock{width:min(100%,430px);margin:4px 0 3px}.aloo-board{width:var(--aloo-board-size);height:var(--aloo-board-size);box-shadow:var(--shadow);contain:layout paint;background:#fffaf0bd;border:1px solid #334d3e1f;border-radius:28px;flex:none;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:12px;display:grid}.aloo-cell{width:100%;min-width:0;height:100%;min-height:0;color:var(--coral);cursor:pointer;appearance:none;contain:layout paint;background:0 0;border:0;place-items:center;margin:0;padding:0;font-size:clamp(4rem,18vw,7.2rem);font-weight:300;line-height:1;display:grid;position:relative;overflow:hidden}.aloo-cell:nth-child(-n+6){border-bottom:3px solid #405d4c38}.aloo-cell:not(:nth-child(3n)){border-right:3px solid #405d4c38}.aloo-cell.cell-cross{color:#c29038}.aloo-cell-symbol{line-height:1;display:block}.aloo-cell.oldest-mark .aloo-cell-symbol{opacity:0}.aloo-cell.cell-circle.oldest-mark:after{aspect-ratio:1;box-sizing:border-box;content:"";border:clamp(4px,1vw,7px) dotted;border-radius:50%;width:47%;position:absolute}.aloo-cell.cell-cross.oldest-mark:before,.aloo-cell.cell-cross.oldest-mark:after{content:"";background:radial-gradient(circle,currentColor 0 3px,#0000 3.5px) 0/11px 9px repeat-x;border-radius:999px;width:58%;height:9px;position:absolute}.aloo-cell.cell-cross.oldest-mark:before{transform:rotate(45deg)}.aloo-cell.cell-cross.oldest-mark:after{transform:rotate(-45deg)}.aloo-cell.oldest-mark:not(:disabled){background:#e7b65f14;box-shadow:inset 0 0 0 2px #e7b65f33}.aloo-cell.last-move{background:#f8dd8b6b;animation:.36s cubic-bezier(.2,.8,.2,1) both alooLastMove}@media (hover:hover) and (pointer:fine){.aloo-cell:not(:disabled):not(.last-move):hover{background:#405d4c0e}}@keyframes alooLastMove{0%{background:#f8dd8b1f;transform:scale(.965)}70%{transform:scale(1.012)}to{background:#f8dd8b6b;transform:scale(1)}}.aloo-result-actions{grid-template-columns:1fr 1fr;gap:10px;width:min(100%,430px);display:grid}.aloo-result-actions button{width:100%}.aloo-result-actions.spectator{grid-template-columns:1fr}.aloo-round-controls{justify-content:center;width:min(100%,430px);min-height:58px;padding-top:10px;display:flex}.aloo-round-controls .secondary-button{min-width:180px}.aloo-spectator-note{color:var(--aloo-muted);letter-spacing:.02em;align-self:center;font-size:.84rem;font-weight:750}.aloo-result-overlay{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#252d266b;place-items:center;padding:20px;animation:.22s both alooOverlayIn;display:grid;position:fixed;inset:0}.aloo-result-popup{text-align:center;background:#fffaf0;border:1px solid #fffaf0cc;border-radius:24px;justify-items:center;width:min(100%,350px);padding:30px 26px 24px;animation:.3s cubic-bezier(.2,.8,.2,1) both alooPopupIn;display:grid;position:relative;box-shadow:0 28px 80px #23272147}.aloo-result-close{width:34px;height:34px;color:var(--ink-soft);cursor:pointer;background:#405d4c0f;border:1px solid #334d3e1f;border-radius:50%;place-items:center;padding:0;font-size:1.15rem;display:grid;position:absolute;top:12px;right:12px}.aloo-result-mark{width:76px;height:76px;color:var(--paper);background:var(--coral);border-radius:22px;place-items:center;margin-bottom:14px;font-size:4rem;font-weight:500;line-height:1;display:grid}.aloo-result-mark.mark-cross{color:var(--aloo-deep);background:var(--gold)}.aloo-result-mark.draw{color:var(--aloo-deep);background:#405d4c1f;font-size:2.4rem}.aloo-result-popup>small{color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:900}.aloo-result-popup h2{color:var(--aloo-deep);font-family:var(--font-playfair), serif;margin:6px 0 22px;font-size:clamp(2rem,8vw,2.7rem);line-height:1.05}.aloo-result-popup .primary-button{width:100%;margin:0}.aloo-result-popup .primary-button:focus-visible{outline-color:#405d4c57}.aloo-review-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;margin-top:10px;padding:8px 14px;font-size:.78rem;font-weight:900}@keyframes alooThinkingDot{0%,60%,to{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes alooOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes alooPopupIn{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes alooWinPulse{0%{transform:scale(.72)}65%{transform:scale(1.08)}to{transform:scale(1)}}@media (width>=900px){.aloo-match-shell{height:100svh;min-height:0;overflow-y:hidden}.aloo-match{width:min(100% - 36px,1060px);margin:2px auto 12px}.aloo-play-stack{--aloo-board-size:min(43vw, calc(100svh - 292px), 430px);grid-template-columns:minmax(190px, 250px) var(--aloo-board-size) minmax(190px, 250px);grid-template-rows:auto var(--aloo-board-size);grid-template-areas:"turn turn turn""left board right";justify-content:center;align-items:center;gap:8px 22px;width:100%;max-width:100%}.aloo-turn{grid-area:turn}.aloo-player-panel.top{grid-area:left}.aloo-board-center{grid-area:board}.aloo-player-panel.bottom{grid-area:right}.aloo-player-panel{width:100%;height:auto;min-height:78px;padding:12px}.aloo-history-dock{margin-top:8px}}@media (width<=680px){.games-hub{align-content:start;padding-top:44px}.game-card-grid{grid-template-columns:1fr}.game-choice-card{grid-template-columns:112px 1fr;gap:18px;min-height:0;padding:18px;display:grid}.game-choice-art{grid-row:span 2;width:112px;height:112px;margin:0}.tikri-art{grid-template-columns:repeat(2,22px);gap:10px}.tikri-art i{border-width:4px;width:22px;height:22px}.aloo-art{gap:4px;font-size:2.25rem}.game-choice-copy strong{font-size:1.75rem}.game-choice-card>b{grid-column:2;margin:0}.aloo-match{width:min(100% - 20px,620px)}.aloo-play-stack{--aloo-board-size:min(49svh, 88vw, 430px);width:100%}.aloo-player-panel{width:min(88vw,430px)}.aloo-result-actions{grid-template-columns:1fr}.reaction-label{display:none}.reaction-dock{padding-left:5px;padding-right:5px}.reaction-dock>div:last-child{justify-content:space-between;width:100%}.reaction-dock button{width:33px;height:33px}}@media (height<=720px){.aloo-topbar{height:64px}.aloo-match{margin-top:0}.aloo-play-stack{--aloo-board-size:min(48svh, 78vw, 380px);gap:8px;margin-top:0}.aloo-player-panel{height:58px}.aloo-turn{height:42px}.aloo-turn>span{font-size:1.22rem}.aloo-history-dock button{width:38px;height:38px}.aloo-history-dock{min-height:42px;margin-top:2px}}@media (width<=680px){.app-shell:not(.game-shell):not(.games-hub){height:100svh;min-height:0;padding-top:calc(72px + env(safe-area-inset-top));overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;overflow:hidden auto}.app-shell.aloo-match-shell{overflow-y:hidden}.app-shell:not(.game-shell)>.topbar{z-index:100;top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf0eb;border-radius:14px;width:min(100% - 16px,760px);height:62px;margin:0;padding:0 8px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #334d3e1a}.topbar-leading{gap:6px}.top-actions{gap:4px}.mobile-nav-back{width:42px;height:42px;color:var(--sage-dark);cursor:pointer;background:#334d3e12;border:0;border-radius:9px;flex:0 0 42px;place-items:center;font-size:1.25rem;font-weight:900;display:grid}.app-shell:not(.game-shell) .content-panel>.back-button{display:none}.app-shell:not(.game-shell) .content-panel{margin-top:18px}.guide-shell{display:block}.guide-card{margin:0 auto}.aloo-topbar .aloo-logo{gap:4px}.aloo-topbar .aloo-logo strong{font-size:1.15rem}.aloo-topbar .aloo-logo>span{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.aloo-thinking-dots b,.aloo-result-overlay,.aloo-result-popup{animation:none}}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #397a918c}.app-shell{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.topbar,.game-topbar{z-index:5;justify-content:space-between;align-items:center;width:min(100% - 32px,1120px);height:76px;margin:0 auto;display:flex;position:relative}.match-layout{width:min(100% - 12px,720px)}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf07a;border:1px solid #334d3e14;border-radius:22px;margin-top:8px;padding:0 10px}.top-actions{gap:8px;display:flex}.topbar-leading{align-items:center;gap:8px;min-width:0;display:flex}@media (width>=681px){.mobile-nav-back{display:none}}.logo{color:var(--sage-dark);font-family:var(--font-playfair), serif;letter-spacing:-.055em;flex-direction:column;align-items:center;gap:10px;font-size:clamp(3.4rem,10vw,5.6rem);font-weight:700;line-height:.9;display:inline-flex}.logo-mark{grid-template-columns:repeat(2,8px);gap:4px;display:grid;position:relative;transform:rotate(45deg)}.logo-mark i{background:var(--coral);border-radius:50%;width:8px;height:8px;box-shadow:inset 0 -2px #60221c33}.logo-mark i:nth-child(2),.logo-mark i:nth-child(3){background:var(--blue)}.logo-compact{letter-spacing:-.04em;flex-direction:row;gap:10px;font-size:1.55rem}.logo-compact .logo-mark{grid-template-columns:repeat(2,5px);gap:3px}.logo-compact .logo-mark i{width:5px;height:5px}.icon-button{cursor:pointer;background:#fffaf0cc;border:1px solid #334d3e24;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:800;transition:all .16s;display:grid;box-shadow:0 5px 16px #3339300f}.icon-button:hover{background:var(--paper);transform:translateY(-1px)}.eyebrow{color:var(--coral-dark);letter-spacing:.17em;text-transform:uppercase;font-size:.72rem;font-weight:900;display:block}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:18px;justify-content:space-between;align-items:center;gap:28px;min-height:54px;padding:0 22px;font-weight:900;transition:all .14s;display:inline-flex}.primary-button{color:#fffaf0;background:var(--sage-dark);box-shadow:0 10px 24px #334d3e3b,inset 0 -3px #00000026}.primary-button:hover{background:#294536;transform:translateY(-2px)}.primary-button:active{transform:translateY(1px)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.55;transform:none}.text-button{min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:8px 12px;font-weight:800}.text-button:hover{color:var(--sage-dark)}.ambient{z-index:-1;filter:blur(1px);border-radius:50%;position:absolute}.ambient-one{background:#397a911a;width:320px;height:320px;bottom:8%;left:-180px}.ambient-two{background:#d66f5f1a;width:260px;height:260px;top:-90px;right:-110px}.content-panel{width:min(100% - 32px,920px);margin:44px auto 80px}.content-panel.narrow{max-width:560px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf08a;border:1px solid #334d3e17;border-radius:36px;padding:26px}.back-button{min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;margin-bottom:22px;padding:8px 0;font-weight:800;display:block}.content-panel h1,.guide-card h1,.result-card h1{font-family:var(--font-playfair), serif;letter-spacing:-.045em;margin:10px 0 30px;font-size:clamp(2.15rem,7vw,3.6rem);line-height:1.06}.mode-grid{gap:12px;display:grid}.mode-card{text-align:left;cursor:pointer;background:linear-gradient(135deg,#ffffff7a,#0000 58%),#fffaf0cc;border:1px solid #334d3e21;border-radius:26px;grid-template-columns:58px 1fr 34px;align-items:center;gap:16px;width:100%;min-height:96px;padding:14px 16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 9px 22px #3b352a0e}.mode-card:hover{border-color:#334d3e4d;transform:translateY(-3px);box-shadow:0 16px 38px #3b352a1c}.mode-card.featured{color:#fffaf0;background:radial-gradient(circle at 12% 20%,#e7b65f2e,#0000 30%),linear-gradient(135deg,#3c5a49,#263f32);border-color:#0000;box-shadow:0 16px 36px #233f3038}.mode-glyph,.level-glyph{background:#5f785e17;border-radius:20px;width:58px;height:58px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #334d3e0f}.featured .mode-glyph,.featured .level-glyph{background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff14}.mode-glyph i,.level-glyph i{display:block;position:absolute}.mode-glyph.bot i:first-child{background:#6ba2b6;border-radius:50%;width:25px;height:25px;top:17px;left:9px;box-shadow:inset 0 -4px #194c5f2e}.mode-glyph.bot i:nth-child(2){background:#e48a79;border-radius:8px;width:22px;height:22px;top:19px;right:8px;transform:rotate(45deg);box-shadow:inset 0 -4px #742a2329}.mode-glyph.bot i:nth-child(3),.mode-glyph.bot i:nth-child(4){z-index:2;background:#fff9eb;border-radius:50%;width:5px;height:5px;top:27px}.mode-glyph.bot i:nth-child(3){left:18px}.mode-glyph.bot i:nth-child(4){right:16px}.mode-glyph.local i:first-child,.mode-glyph.local i:nth-child(2){background:var(--paper);border:3px solid;width:27px;height:27px;top:15px;box-shadow:0 6px 12px #3131281f}.mode-glyph.local i:first-child{z-index:2;border-color:var(--blue);border-radius:50%;left:9px}.mode-glyph.local i:nth-child(2){border-color:var(--coral);border-radius:9px;right:8px;transform:rotate(45deg)}.mode-glyph.local i:nth-child(3),.mode-glyph.local i:nth-child(4){z-index:3;border-radius:50%;width:4px;height:4px;top:27px}.mode-glyph.local i:nth-child(3){background:var(--blue);left:21px}.mode-glyph.local i:nth-child(4){background:var(--coral);right:18px}.mode-glyph.online:before,.mode-glyph.online:after{content:"";transform-origin:50%;background:#397a916b;width:28px;height:2px;position:absolute;top:28px;left:15px}.mode-glyph.online:before{transform:rotate(36deg)}.mode-glyph.online:after{transform:rotate(-36deg)}.mode-glyph.online i{z-index:2;border:3px solid var(--paper);background:var(--blue);border-radius:50%;width:13px;height:13px;box-shadow:0 3px 8px #294e5b2e}.mode-glyph.online i:first-child{top:23px;left:7px}.mode-glyph.online i:nth-child(2){background:var(--coral);top:9px;right:7px}.mode-glyph.online i:nth-child(3){background:var(--sage);bottom:9px;right:7px}.mode-glyph.online i:nth-child(4){background:var(--gold);width:10px;height:10px;top:23px;left:24px}.card-arrow{background:#334d3e14;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.95rem;transition:transform .18s,background .18s;display:grid}.featured .card-arrow{background:#ffffff1a}.mode-card:hover .card-arrow{transform:translate(3px)}.level-glyph.easy i:first-child{border:4px solid #6a9eb0;border-radius:50%;width:27px;height:27px;top:15px;left:15px;box-shadow:inset 0 0 0 5px #6ba2b61a}.level-glyph.easy i:nth-child(2),.level-glyph.easy i:nth-child(3){background:#6a9eb0;border-radius:50%;width:5px;height:5px;top:26px}.level-glyph.easy i:nth-child(2){left:24px}.level-glyph.easy i:nth-child(3){left:31px}.level-glyph.medium{justify-content:center;align-items:end;gap:4px;padding-bottom:14px;display:flex}.level-glyph.medium i{background:var(--sage);border-radius:5px 5px 2px 2px;width:8px;position:static}.level-glyph.medium i:first-child{opacity:.55;height:12px}.level-glyph.medium i:nth-child(2){opacity:.75;height:20px}.level-glyph.medium i:nth-child(3){height:29px}.level-glyph.hard{place-items:center;display:grid}.level-glyph.hard:before,.level-glyph.hard:after{content:"";background:#fffaf033;width:36px;height:1px;position:absolute}.level-glyph.hard:before{transform:rotate(45deg)}.level-glyph.hard:after{transform:rotate(-45deg)}.level-glyph.hard i{z-index:1;background:var(--gold);border-radius:50%;width:6px;height:6px}.level-glyph.hard i:first-child{top:9px;left:9px}.level-glyph.hard i:nth-child(2){top:9px;right:9px}.level-glyph.hard i:nth-child(3){bottom:9px;left:9px}.level-glyph.hard b{z-index:2;color:var(--paper);font-family:var(--font-playfair), serif;font-size:1.65rem;line-height:1;position:relative}.mode-card strong,.mode-card small{display:block}.mode-card strong{margin-bottom:2px;font-size:1.02rem}.mode-card small{color:var(--ink-soft)}.mode-card.featured small{color:#fffaf0ad}.difficulty-row{gap:6px;margin:-6px 8px 4px;display:flex}.difficulty-row button{min-height:38px;color:var(--ink-soft);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;font-size:.78rem;font-weight:900}.difficulty-row button.selected{color:var(--sage-dark);background:#5f785e1f}.bot-level-grid .mode-card{min-height:122px}.bot-level-card{grid-template-columns:58px 1fr 34px}.bot-level-copy em{color:var(--coral-dark);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:.61rem;font-style:normal;font-weight:1000;display:block}.bot-level-card.featured .bot-level-copy em{color:var(--gold)}.strength-meter{gap:4px;margin-top:9px;display:flex}.strength-meter i{background:#334d3e1f;border-radius:99px;width:22px;height:3px}.strength-meter i.filled{background:var(--sage)}.featured .strength-meter i{background:#ffffff1f}.featured .strength-meter i.filled{background:var(--gold)}.rules-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.rules-grid article{background:#fffaf0b8;border:1px solid #334d3e1a;border-radius:24px;min-height:190px;padding:24px}.rules-grid article>span{width:38px;height:38px;color:var(--paper);background:var(--blue);border-radius:50%;place-items:center;font-weight:900;display:grid}.rules-grid article:nth-child(2)>span{background:var(--coral)}.rules-grid article:nth-child(3)>span{background:var(--sage)}.rules-grid article:nth-child(4)>span{background:var(--gold)}.rules-grid h2{font-family:var(--font-playfair), serif;margin:32px 0 8px}.rules-grid p{color:var(--ink-soft);margin:0;line-height:1.55}.rule-note{color:#6d5938;background:#e7b65f29;border-radius:18px;margin:14px 0 22px;padding:18px 22px}.guide-shell{grid-template-rows:auto 1fr;display:grid;overflow:hidden auto}.guide-card{text-align:center;width:min(100% - 24px,520px);padding:18px 0 max(28px, env(safe-area-inset-bottom));place-self:center}.tutorial-board{width:min(76vw,330px);margin:0 auto 18px}.tutorial-board-surface{aspect-ratio:1;background:radial-gradient(circle at 50% 42%,#e7b65f1a,#0000 50%),#fffaf0c7;border:1px solid #334d3e1a;border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 45px #334d3e14}.tutorial-line{z-index:1;transform-origin:0;pointer-events:none;background:#334d3e47;height:2px;position:absolute}.tutorial-dot{z-index:2;background:var(--cream);border:2px solid #334d3e80;border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%)}.tutorial-dot.target{border-color:var(--gold);background:#e7b65f38;width:22px;height:22px;animation:1.4s ease-in-out infinite tutorialTarget}.tutorial-dot.blocked-target{border-color:var(--coral-dark);background:#c966581f;width:20px;height:20px}.tutorial-piece{z-index:4;aspect-ratio:1;background:var(--blue);border:2px solid #ffffffb8;border-radius:50%;width:clamp(25px,9.5%,34px);position:absolute;transform:translate(-50%,-50%);box-shadow:0 7px 12px #352c2033,inset 0 -5px #0000001f}.tutorial-piece.p2{background:var(--coral);border-radius:9px}.tutorial-piece.appearing{animation:2.2s ease-in-out infinite tutorialPlace}.tutorial-piece.selected{box-shadow:0 0 0 7px #4b7ea32e,0 7px 12px #352c2033,inset 0 -5px #0000001f}.tutorial-piece.repeat-piece{animation:3.2s ease-in-out infinite tutorialShuttle}.tutorial-repeat-loss{z-index:8;border:2px solid var(--coral-dark);color:var(--paper);background:var(--coral-dark);letter-spacing:.08em;border-radius:5px;padding:5px 10px;font-size:.72rem;font-style:normal;font-weight:1000;animation:3.2s ease-in-out infinite tutorialLoss;position:absolute;top:72%;left:50%;transform:translate(-50%,-50%)}.moving-piece{animation:2.6s ease-in-out infinite tutorialSlide;top:37.333%;left:37.333%}.tutorial-finger{z-index:6;color:#5d4933;filter:drop-shadow(0 4px 4px #352c2026);font-size:clamp(25px,9vw,38px);font-style:normal;position:absolute}.lesson-place .tutorial-finger{animation:2.2s ease-in-out infinite tutorialTap;top:43%;left:42%}.lesson-move .tutorial-finger{animation:2.6s ease-in-out infinite tutorialMoveFinger;top:41%;left:41%}.tutorial-path-ok,.tutorial-path-no{z-index:7;color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:1rem;font-style:normal;font-weight:1000;display:grid;position:absolute}.tutorial-path-ok{background:var(--sage);top:31%;left:48%}.tutorial-path-no{background:var(--coral-dark);top:29%;left:72%}.tutorial-win-line{z-index:3;background:var(--gold);transform-origin:0;border-radius:99px;width:108%;height:7px;animation:1.5s ease-in-out infinite alternate tutorialWin;position:absolute;top:9%;left:9%;transform:rotate(45deg);box-shadow:0 0 15px #e7b65fb3}.tutorial-visual-caption{min-height:22px;color:var(--sage-dark);letter-spacing:.02em;margin-top:8px;font-size:.76rem;display:block}.step-count{color:var(--coral-dark);letter-spacing:.12em;font-size:.75rem;font-weight:900}.guide-card h1{margin-bottom:12px}.guide-card>p{max-width:470px;min-height:48px;color:var(--ink-soft);margin:0 auto;line-height:1.55}.lesson-tip{border-left:3px solid var(--gold);width:fit-content;max-width:100%;color:var(--ink-soft);text-align:left;background:#e7b65f1c;align-items:baseline;gap:8px;margin:14px auto 0;padding:10px 14px;font-size:.8rem;display:flex}.lesson-tip b{color:#705731;flex:none}.progress-dots{justify-content:center;gap:7px;margin:18px 0;display:flex}.progress-dots i{background:#334d3e29;border-radius:8px;width:7px;height:7px;transition:all .18s}.progress-dots i.active{background:var(--sage);width:24px}.guide-actions{justify-content:center;gap:10px;display:flex}.secondary-button{color:var(--sage-dark);background:#fffaf0cc;border:1px solid #334d3e29}.secondary-button:hover{background:var(--paper);transform:translateY(-1px)}@keyframes tutorialTarget{50%{box-shadow:0 0 0 8px #e7b65f21}}@keyframes tutorialPlace{0%,22%{opacity:0;transform:translate(-50%,-50%)scale(.5)}40%,82%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}@keyframes tutorialTap{0%,16%{opacity:0;transform:translate(22px,24px)scale(1)}28%,52%{opacity:1;transform:translate(0)scale(.9)}66%,to{opacity:0;transform:translate(0)scale(.9)}}@keyframes tutorialSlide{0%,25%{left:37.333%}50%,82%{left:62.666%}to{left:37.333%}}@keyframes tutorialMoveFinger{0%,12%{opacity:0;transform:translateY(15px)}24%{opacity:1;transform:translate(0)}55%{opacity:1;transform:translate(clamp(60px,19vw,82px))}72%,to{opacity:0;transform:translate(clamp(60px,19vw,82px))}}@keyframes tutorialShuttle{0%,16%{left:37.333%}32%,44%{left:62.666%}58%,70%{left:37.333%}84%,to{filter:saturate();left:62.666%}}@keyframes tutorialLoss{0%,80%{opacity:0;transform:translate(-50%,-50%)scale(.8)}88%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes tutorialWin{0%{opacity:.5}to{opacity:1}}.field-label{color:var(--ink-soft);gap:8px;margin-bottom:14px;font-size:.78rem;font-weight:900;display:grid}input{width:100%;height:56px;color:var(--ink);background:#fffaf0d1;border:1px solid #334d3e2e;border-radius:16px;padding:0 17px}.online-panel>.primary-button{width:100%}.or{color:#8b958e;align-items:center;gap:14px;margin:24px 0;font-size:.75rem;display:flex}.or:before,.or:after{content:"";background:#334d3e1f;flex:1;height:1px}.join-row{grid-template-columns:1fr auto;gap:10px;display:grid}.join-row input{text-transform:uppercase;letter-spacing:.16em;font-weight:900}.notice{color:var(--coral-dark);background:#d66f5f1a;border-radius:12px;padding:12px 14px;font-weight:800}.waiting-room{text-align:center;padding-top:20px}.waiting-room h1{letter-spacing:.14em;margin-bottom:10px}.waiting-room>p{color:var(--ink-soft);line-height:1.6}.copy-button{margin:12px 0 24px}.room-share-actions{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 8px;display:grid}.room-share-actions .copy-button{margin:0}.lobby-nickname{text-align:left;background:#fffaf080;border:1px solid #334d3e1a;border-radius:8px;margin:10px 0 14px;padding:10px}.lobby-nickname label{color:var(--ink-soft);margin:0 0 6px 2px;font-size:.7rem;font-weight:900;display:block}.lobby-nickname>div{grid-template-columns:1fr auto;gap:7px;display:grid}.lobby-nickname input,.lobby-nickname button{border-radius:6px;height:44px;min-height:44px}.room-share-notice{margin:0 0 18px;font-size:.72rem}.player-slots{text-align:left;gap:8px;display:grid}.player-slots span{color:var(--ink-soft);border:1px dashed #334d3e33;border-radius:16px;padding:16px}.player-slots span.filled{color:var(--ink);background:#fffaf0a6;border-style:solid}.player-slots i{background:#aab2ad;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.player-slots .filled i{background:#66a26f;box-shadow:0 0 0 4px #66a26f21}.lobby-heading{color:var(--ink-soft);justify-content:space-between;margin:4px 2px 10px;font-size:.76rem;display:flex}.lobby-players{gap:8px;display:grid}.lobby-players>button{min-height:62px;color:var(--ink);text-align:left;cursor:pointer;background:#fffaf0ad;border:1px solid #334d3e1f;border-radius:16px;align-items:center;gap:11px;padding:9px 12px;display:flex}.lobby-players>button:disabled{cursor:default;opacity:1}.lobby-players>button:not(:disabled):hover{border-color:var(--sage);transform:translateY(-1px)}.lobby-players>button.selected{background:#ffeeba66;border-color:#e7b65fb8}.lobby-players>button.host{background:#5f785e14}.lobby-players i{background:#aab2ad;border-radius:50%;flex:none;width:10px;height:10px}.lobby-players i.connected{background:#66a26f;box-shadow:0 0 0 4px #66a26f21}.lobby-players span{flex:1;min-width:0}.lobby-players strong,.lobby-players small{display:block}.lobby-players strong{text-overflow:ellipsis;overflow:hidden}.lobby-players small{color:var(--ink-soft);margin-top:2px}.lobby-players b{color:#a57425;font-size:1.1rem}.lobby-start{width:100%;margin-top:16px}.selected-matchup{background:#fffaf0b8;border-radius:20px;justify-content:center;align-items:center;gap:14px;margin:24px 0;padding:20px;display:flex}.selected-matchup span{color:var(--ink-soft);text-transform:uppercase;font-size:.72rem}.spectator-panel{text-align:center}.spectator-panel>p{color:var(--ink-soft);line-height:1.6}.waiting-pulse{color:var(--ink-soft);align-items:center;gap:8px;margin-top:24px;font-size:.78rem;font-weight:900;display:inline-flex}.waiting-pulse:before{content:"";background:var(--coral);border-radius:50%;width:8px;height:8px;animation:1.4s infinite breathe}.rps-panel{text-align:center;padding-top:7vh}.rps-panel>p{color:var(--ink-soft)}.rps-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0;display:grid}.rps-grid button{cursor:pointer;text-transform:capitalize;background:#fffaf0bf;border:1px solid #334d3e24;border-radius:24px;min-height:132px;transition:all .14s}.rps-grid button:hover:not(:disabled){border-color:#334d3e59;transform:translateY(-3px)rotate(-1deg)}.rps-grid button:disabled{opacity:.5}.rps-grid span{margin-bottom:8px;font-size:2.2rem;display:block}.rps-panel>small{color:#8b958e;letter-spacing:.12em}.rps-result{padding-top:6vh}.rps-result-choices{grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 30px;display:grid}.rps-result-choices>div{opacity:.58;background:#fffaf0b3;border:1px solid #334d3e21;border-radius:24px;align-content:center;place-items:center;gap:5px;min-height:150px;padding:20px 12px;display:grid}.rps-result-choices>div.winner{opacity:1;background:#ffeeba6b;border-color:#e7b65fb3;transform:translateY(-4px);box-shadow:0 12px 30px #634b1f1a}.rps-result-choices span{font-size:2.7rem}.rps-result-choices strong{text-overflow:ellipsis;max-width:100%;overflow:hidden}.rps-result-choices small{color:var(--ink-soft);text-transform:capitalize;font-weight:900}.rps-result h1{margin-bottom:6px}.rps-result>p{margin-top:0;font-weight:800}.rps-starting{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin-top:28px;font-size:.72rem;font-weight:900}.rps-starting i{background:#334d3e1a;border-radius:99px;height:4px;margin-top:10px;display:block;overflow:hidden}.rps-starting i:after{content:"";border-radius:inherit;background:var(--coral);transform-origin:0;width:100%;height:100%;animation:2.8s linear both rpsCountdown;display:block}.game-shell{overscroll-behavior:none;background:radial-gradient(circle at 50% 44%,#ffffffb8,#0000 38rem),linear-gradient(135deg,#eee5d4,#f8f2e7 55%,#ebe1cf);height:100svh;overflow:hidden}.game-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf08f;border:1px solid #334d3e14;border-radius:22px;width:min(100% - 24px,760px);height:64px;margin-top:8px;padding:0 10px;box-shadow:0 10px 28px #3e34280f}.menu-dots{gap:3px;display:flex}.menu-dots i{background:currentColor;border-radius:50%;width:4px;height:4px}.match-layout{--play-size:clamp(270px, min(94vw, calc(100svh - 225px)), 620px);grid-template-columns:1fr;grid-template-areas:"top""board""bottom";justify-items:center;gap:7px;width:min(100% - 12px,660px);margin:0 auto;display:grid}.game-shell.mode-online .match-layout{--play-size:clamp(250px, min(94vw, calc(100svh - 280px)), 620px)}.player-badge{width:var(--play-size);color:#fffaf0e0;opacity:.66;background:linear-gradient(145deg,#ffffff0e,#0000 48%),#2d3c35;border:1px solid #ffffff12;border-radius:19px;align-items:center;gap:9px;min-width:0;min-height:54px;margin:0;padding:7px 10px;transition:all .2s;display:flex;box-shadow:0 9px 20px #24332e1c,inset 0 1px #ffffff0d}.player-badge.player-top{grid-area:top}.player-badge.player-bottom{grid-area:bottom}.player-badge.active{opacity:1;transform:translateY(-2px)}.player-badge.p1.active{background:linear-gradient(145deg,#ffffff1a,#0000 48%),linear-gradient(135deg,#337d97,#24576a);border-color:#6fb4cd85;box-shadow:0 12px 28px #24576a40}.player-badge.p2.active{background:linear-gradient(145deg,#ffffff1a,#0000 48%),linear-gradient(135deg,#c86658,#93483f);border-color:#ed918280;box-shadow:0 12px 28px #93483f38}.game-shell.mode-local .player-badge{color:var(--ink);opacity:.68;background:#fffaf0d1;border-color:#334d3e1c;box-shadow:0 10px 26px #3e342814}.game-shell.mode-local .player-badge.active{opacity:1;transform:translateY(-2px)}.game-shell.mode-local .player-badge.p1.active{background:linear-gradient(135deg,#d4edf4f5,#fffaf0f5);border-color:#337d9757;box-shadow:0 13px 30px #337d9726}.game-shell.mode-local .player-badge.p2.active{background:linear-gradient(135deg,#f9ded7f5,#fffaf0f5);border-color:#c8665857;box-shadow:0 13px 30px #c8665824}.game-shell.mode-local .player-text small{color:var(--ink-soft)}.game-shell.mode-local .replay-step{color:var(--sage-dark);background:#405d4c0f;border-color:#334d3e24}.game-shell.mode-local .turn-pip{border-color:#fffaf0f0}.mini-piece{color:#ffffffd1;background:var(--blue);border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-size:.77rem;display:inline-grid;box-shadow:inset 0 -4px #0000001f}.mini-piece.p2{background:var(--coral);border-radius:11px}.player-text{flex:1;min-width:0}.player-text>small{display:block}.player-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.player-text small{color:#fffaf094;letter-spacing:.08em;font-size:.58rem}.player-name-line{align-items:center;gap:6px;min-width:0;display:flex}.player-name-line strong{flex:1;min-width:0}.replay-step{width:28px;height:28px;color:var(--paper);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #fffaf02e;border-radius:5px;flex:none;padding:0 0 3px;font-family:Georgia,serif;font-size:1.35rem;line-height:1}.replay-step:active:not(:disabled){color:var(--gold);background:#e7b65f29;transform:scale(.94)}.replay-step:disabled{color:#fffaf038;cursor:default;background:0 0}.player-clock{color:#fffaf0c2;font-variant-numeric:tabular-nums;letter-spacing:.03em;text-align:center;background:#09100d3d;border:1px solid #fffaf024;border-radius:6px;flex:none;min-width:60px;padding:7px 8px;font-size:1.02rem}.player-clock.running{color:#fff;background:#09100d61;border-color:#e7b65fa8}.player-clock.urgent{color:#fff;background:#a94238;animation:.7s ease-in-out infinite alternate timerUrgent}.turn-pip{border-radius:50%;width:9px;height:9px;margin-right:5px;animation:1.1s infinite breathe}.player-badge.p1 .turn-pip,.player-badge.p2 .turn-pip{background:var(--gold);box-shadow:0 0 0 5px #e7b65f29}.player-badge.active .player-text small{color:#fffaf0d1;letter-spacing:.12em;font-weight:1000}.game-shell.mode-local .player-badge.active .player-text small{color:var(--ink-soft)}.board-area{width:var(--play-size);grid-area:board;justify-items:center;display:grid;position:relative}.turn-command{width:100%;min-height:34px;color:var(--paper);background:linear-gradient(120deg,#ffffff0e,#0000 55%),#24332e;border:1px solid #ffffff12;border-radius:19px;align-items:center;margin:0 0 7px;padding:5px 11px 5px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #24332e2b}.turn-command:before{content:"";background:var(--blue);width:4px;position:absolute;inset:0 auto 0 0}.turn-command.p2:before{background:var(--coral)}.command-copy{justify-content:space-between;align-items:baseline;gap:10px;width:100%;min-width:0;display:flex}.command-copy small,.command-copy strong{display:inline}.command-copy small{color:#fffaf09e;letter-spacing:.1em;flex:none;font-size:.58rem;font-weight:1000}.command-copy strong{min-width:0;color:var(--gold);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.turn-p1 .board-frame{box-shadow:0 0 0 4px #5f9fb838,0 24px 48px #4132212e}.turn-p2 .board-frame{box-shadow:0 0 0 4px #d66f5f33,0 24px 48px #4132212e}.board-frame{width:var(--play-size);aspect-ratio:1;background:linear-gradient(145deg,#ffffff80,#0000 28%),repeating-linear-gradient(96deg,#73533109 0 1px,#0000 1px 6px),#d2b083;border:1px solid #6244273d;border-radius:14%;padding:8%;position:relative;box-shadow:0 24px 48px #4132212e,0 6px #aa8258,inset 0 0 0 5px #fff5dd38,inset 0 0 40px #6e4a2814}.board-glow{pointer-events:none;border-radius:12%;position:absolute;inset:4%;box-shadow:inset 0 0 50px #fff7e333}.board{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.board-paths{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.board-edge{stroke:#4b4c3b6e;stroke-width:3px;stroke-linecap:round}.winning-streak{stroke:var(--gold);stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0 0 5px #e7b65fe6);animation:.5s both streak}.node{z-index:3;cursor:default;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;width:52px;height:52px;margin:-26px;padding:0;display:grid;position:absolute}.socket{background:#795d42;border-radius:50%;width:13px;height:13px;transition:all .14s;position:absolute;box-shadow:inset 0 2px 4px #3722148c,0 1px #ffffff4d}.node.selectable,.node.destination{cursor:pointer}.node.selectable.occupied{touch-action:none}.node.selectable:not(.occupied) .socket,.node.destination .socket{background:var(--gold);width:19px;height:19px;animation:1.6s infinite breathe;box-shadow:0 0 0 7px #ffecad42,0 0 14px #e7b65fcc}.piece{color:#ffffffb3;background:radial-gradient(circle at 33% 25%, #ffffff52, transparent 23%), var(--blue);border:2px solid #214e5e6b;border-radius:50%;place-items:center;width:47px;height:47px;font-size:.7rem;transition:transform .15s,box-shadow .15s;animation:.19s both settle;display:grid;box-shadow:0 8px 9px #45311c42,0 2px 1px #45311c57,inset 0 -7px #0000001c}.piece.p2{background:radial-gradient(circle at 33% 25%, #ffffff52, transparent 23%), var(--coral);border-color:#893b336b;border-radius:15px}.node.selectable:hover .piece,.node.selected .piece{transform:translateY(-7px)scale(1.04);box-shadow:0 16px 13px #45311c3b,inset 0 -7px #0000001c}.node.selected .piece{outline:4px solid #ffeebabf}.node.dragging .piece{visibility:hidden}.board.is-dragging .node.destination:not(.drag-target) .socket{background:#795d42;width:13px;height:13px;animation:none;box-shadow:inset 0 2px 4px #3722148c,0 1px #ffffff4d}.node.drag-target .socket{background:#f8d879;width:23px;height:23px;box-shadow:0 0 0 9px #ffecad4d,0 0 18px #e7b65ff2}.drag-piece{z-index:9;color:#ffffffb8;background:radial-gradient(circle at 33% 25%, #ffffff57, transparent 23%), var(--blue);pointer-events:none;will-change:left, top, transform;border:2px solid #214e5e6b;border-radius:50%;place-items:center;width:47px;height:47px;display:grid;position:absolute;transform:translate(-50%,-58%)scale(1.04);box-shadow:0 16px 16px #45311c47,inset 0 -7px #0000001c}.drag-piece.p2{background:radial-gradient(circle at 33% 25%, #ffffff57, transparent 23%), var(--coral);border-color:#893b336b;border-radius:15px}.drag-piece.valid{box-shadow:0 0 0 6px #f8d87959,0 16px 16px #45311c47,inset 0 -7px #0000001c}.node.last .piece{animation:.22s both settle,.7s lastGlow}.reaction-dock{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf0e0;border:1px solid #334d3e1a;border-radius:18px;justify-content:center;align-items:center;width:min(100%,440px);min-height:52px;margin:10px auto 0;padding:6px 8px;display:flex;position:relative;box-shadow:0 10px 28px #334d3e1a}.reaction-dock>div:last-child{justify-content:space-between;gap:4px;width:100%;display:flex}.reaction-dock button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#405d4c0e;border:0;border-radius:12px;width:38px;height:38px;padding:0;font-size:1.18rem;transition:background .16s,transform .16s,box-shadow .16s}@media (hover:hover) and (pointer:fine){.reaction-dock button:hover{background:#e7b65f33;transform:translateY(-3px)rotate(-3deg);box-shadow:0 5px 12px #4c3e281a}}.reaction-dock button:active{background:#e7b65f33;transform:scale(.9)}.reaction-stream{z-index:12;pointer-events:none;position:absolute;inset:34px 0 48px;overflow:hidden}.reaction-stream span{filter:saturate(.86);opacity:0;width:40px;height:40px;animation-delay:var(--reaction-delay);backface-visibility:hidden;will-change:transform, opacity;background:0 0;border:0;place-items:center;font-size:1.4rem;line-height:1;animation-fill-mode:both;display:grid;position:absolute}.reaction-stream span,.aloo-reaction-stream span{box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:0!important}.reaction-stream span.from-bottom{left:var(--reaction-x);animation:3.1s cubic-bezier(.22,.66,.28,1) both reactionFromBottom;bottom:-18px}.reaction-stream span.from-top{left:var(--reaction-x);animation:3.1s cubic-bezier(.22,.66,.28,1) both reactionFromTop;top:-18px}.reaction-stream span.from-side{left:-42px;top:var(--reaction-y);animation:3.2s cubic-bezier(.22,.66,.28,1) both reactionFromSide}.reaction-stream span.from-bottom,.reaction-stream span.from-top,.reaction-stream span.from-side{animation-delay:var(--reaction-delay)}.show-result-button{min-height:38px;color:var(--sage-dark);cursor:pointer;background:#5f785e1c;border:0;border-radius:12px;margin-top:6px;padding:0 14px;font-size:.72rem;font-weight:900}.result-backdrop,.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#24332e52;place-items:center;padding:20px;animation:.22s both fadeIn;display:grid;position:fixed;inset:0}.result-backdrop{overscroll-behavior:none;touch-action:none}.result-card{--result-accent:var(--gold);--result-accent-rgb:231, 182, 95;text-align:center;width:min(100%,480px);max-height:calc(100svh - 30px);color:var(--paper);overscroll-behavior:none;touch-action:none;background:radial-gradient(circle at 50% 0,#e7b65f24,#0000 36%),linear-gradient(150deg,#31463b,#1f3029 68%);border:1px solid #ffffff14;border-radius:34px;padding:0 18px 18px;animation:.33s both resultIn;overflow:hidden;box-shadow:0 30px 90px #14221c61}.result-card:before{content:"";z-index:4;background:var(--result-accent);width:calc(100% + 36px);height:5px;box-shadow:0 0 22px rgba(var(--result-accent-rgb), .5);margin-left:-18px;display:block;position:sticky;top:0}.result-tone-line{--result-accent:#efc77c;--result-accent-rgb:239, 199, 124}.result-tone-rule{--result-accent:#e27c68;--result-accent-rgb:226, 124, 104}.result-tone-clock{--result-accent:#f0a95d;--result-accent-rgb:240, 169, 93}.result-tone-exit{--result-accent:#a6b3ad;--result-accent-rgb:166, 179, 173}.result-tone-draw{--result-accent:#82b39a;--result-accent-rgb:130, 179, 154}.result-perspective-win{background:radial-gradient(circle at 50% 0,#efc77c36,#0000 38%),linear-gradient(150deg,#314c3c,#1d3028 68%)}.result-perspective-loss{--result-accent:#e58b78;--result-accent-rgb:229, 139, 120;background:radial-gradient(circle at 50% 0,#e58b782b,#0000 38%),linear-gradient(150deg,#403933,#26302b 68%)}.result-hero{padding:23px 12px 14px;position:relative;overflow:hidden}.result-rings{pointer-events:none;width:180px;height:100px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.result-rings i{border:1px solid #e7b65f21;border-radius:50%;position:absolute;inset:0;transform:rotate(-8deg)}.result-rings i:last-child{border-color:#fffaf017;inset:12px 25px;transform:rotate(12deg)}.result-piece{z-index:1;color:#ffffffc7;background:var(--blue);border:3px solid #fffaf02e;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 17px;font-size:1.4rem;display:grid;position:relative;box-shadow:0 18px 36px #0917124d,inset 0 -8px #00000024}.result-piece.result-mood-win{background:linear-gradient(145deg,#e8b95e,#b87824);font-size:2rem}.result-piece.result-mood-loss{background:linear-gradient(145deg,#ba7064,#774c45);font-size:2.05rem}.result-piece.result-mood-neutral{background:var(--blue)}.result-piece.result-mood-draw{background:var(--sage)}.result-kicker{color:var(--result-accent);letter-spacing:.22em;font-size:.63rem;font-weight:1000;display:block}.result-card h1{color:var(--paper);margin:6px 0 4px;font-size:clamp(2rem,9vw,2.7rem)}.result-hero>p{color:#fffaf099;margin:0;font-size:.82rem}.result-card .primary-button{width:100%}.result-cause{border:1px solid rgba(var(--result-accent-rgb), .3);border-left:5px solid var(--result-accent);background:linear-gradient(110deg, rgba(var(--result-accent-rgb), .13), transparent 62%), #ffffff09;text-align:left;border-radius:9px;grid-template-columns:48px 1fr;gap:11px;margin:0 0 12px;padding:14px;display:grid}.result-cause-icon{border:1px solid rgba(var(--result-accent-rgb), .46);color:#192a23;background:var(--result-accent);border-radius:8px;place-items:center;width:46px;height:46px;font-family:Georgia,serif;font-size:1.55rem;font-weight:1000;animation:.42s .12s both resultCauseIn;display:grid;box-shadow:0 8px 18px #08140f3d}.result-cause>div{min-width:0}.result-cause small,.result-cause strong{display:block}.result-cause small{color:#fffaf07a;letter-spacing:.14em;font-size:.55rem;font-weight:1000}.result-cause strong{color:var(--result-accent);letter-spacing:.015em;margin-top:2px;font-size:.94rem}.result-cause>div p{color:#fffaf0c7;margin:5px 0 0;font-size:.73rem;line-height:1.42}.result-tip{color:#fffaf0ad;background:#00000021;border-radius:6px;grid-column:1/-1;grid-template-columns:auto 1fr;gap:8px;margin:2px 0 0;padding:9px 10px;font-size:.68rem;line-height:1.4;display:grid}.result-tip b{color:var(--result-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.57rem}.postgame-level-picker{text-align:left;background:#ffffff0b;border:1px solid #ffffff12;border-radius:22px;padding:14px}.postgame-level-picker>div:first-child{padding:0 2px 10px}.postgame-level-picker>div:first-child strong,.postgame-level-picker>div:first-child small{display:block}.postgame-level-picker>div:first-child strong{font-size:.86rem}.postgame-level-picker>div:first-child small{color:#fffaf080;margin-top:1px;font-size:.68rem}.postgame-levels{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.postgame-levels button{color:#fffaf0b8;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff12;border-radius:15px;min-width:0;min-height:58px;padding:9px 6px;transition:all .15s}.postgame-levels button:hover,.postgame-levels button.selected{color:var(--paper);background:#e7b65f1a;border-color:#e7b65f6b;transform:translateY(-1px)}.postgame-levels button>strong{text-overflow:ellipsis;font-size:.68rem;display:block;overflow:hidden}.level-pips{align-items:end;gap:3px;height:12px;margin-bottom:4px;display:inline-flex}.level-pips i{background:#fffaf024;border-radius:3px;width:4px}.level-pips i:first-child{height:4px}.level-pips i:nth-child(2){height:8px}.level-pips i:nth-child(3){height:12px}.level-pips i.filled{background:var(--gold)}.result-primary-action{margin-top:10px}.spectator-result-note{color:#fffaf0b8;text-align:center;border:1px solid #fffaf01f;border-radius:6px;padding:12px 10px;font-size:.76rem;font-weight:900;display:block}.result-primary-action .primary-button{color:#24332e;background:var(--gold);min-height:58px;box-shadow:0 12px 26px #12211b38,inset 0 -3px #714a162b}.result-primary-action .primary-button:hover{color:#24332e;background:#efc77c}.result-navigation{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px;display:grid}.result-navigation>button{color:#fffaf0b3;cursor:pointer;background:#ffffff09;border:1px solid #ffffff0f;border-radius:16px;align-content:center;place-items:center;gap:5px;min-width:0;min-height:72px;padding:9px 4px;transition:all .15s;display:grid}.result-navigation>button:hover{color:var(--paper);background:#ffffff13;border-color:#ffffff24;transform:translateY(-1px)}.result-navigation>button>strong{font-size:.65rem}.result-nav-glyph{width:25px;height:25px;display:block;position:relative}.result-nav-glyph.board{border:1px solid;border-radius:6px}.result-nav-glyph.board i{background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute}.result-nav-glyph.board i:first-child{top:4px;left:4px}.result-nav-glyph.board i:nth-child(2){top:4px;right:4px}.result-nav-glyph.board i:nth-child(3){bottom:4px;left:4px}.result-nav-glyph.board i:nth-child(4){bottom:4px;right:4px}.result-nav-glyph.modes i{border:2px solid;border-radius:50%;width:9px;height:9px;position:absolute}.result-nav-glyph.modes i:first-child{top:8px;left:1px}.result-nav-glyph.modes i:nth-child(2){top:2px;right:1px}.result-nav-glyph.modes i:nth-child(3){border-radius:3px;bottom:1px;right:1px}.result-nav-glyph.home:before,.result-nav-glyph.home:after{content:"";position:absolute}.result-nav-glyph.home:before{border:2px solid;border-top:0;border-radius:3px;width:17px;height:17px;top:6px;left:4px}.result-nav-glyph.home:after{border-top:2px solid;border-left:2px solid;width:13px;height:13px;top:2px;left:6px;transform:rotate(45deg)}.modal-backdrop{align-items:end}.menu-sheet{width:min(100%,520px);padding:12px 18px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(145deg, #ffffff73, transparent 42%), var(--paper);box-shadow:var(--shadow);border:1px solid #334d3e14;border-radius:28px 28px 0 0;animation:.22s both sheetIn}.sheet-handle{background:#334d3e2e;border-radius:4px;width:42px;height:4px;margin:0 auto 16px}.menu-sheet h2{font-family:var(--font-playfair), serif;margin:0 6px 12px;font-size:1.7rem}.menu-sheet button{cursor:pointer;background:#5f785e0b;border:0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:52px;margin:3px 0;padding:0 12px;font-weight:800;transition:all .14s;display:flex}.menu-sheet button:hover{background:#5f785e1a;transform:translate(2px)}.menu-sheet button span{color:var(--ink-soft)}.menu-sheet button.danger{color:var(--coral-dark);background:#d66f5f0f}.primary-button,.secondary-button{border-radius:8px}.content-panel.narrow{border-radius:14px}.mode-card{border-radius:10px}.mode-glyph,.level-glyph{border-radius:9px}.level-glyph.trilochan{place-items:center;display:grid}.level-glyph.trilochan:before,.level-glyph.trilochan:after{content:"";background:#fffaf033;width:36px;height:1px;position:absolute}.level-glyph.trilochan:before{transform:rotate(45deg)}.level-glyph.trilochan:after{transform:rotate(-45deg)}.level-glyph.trilochan i{z-index:1;background:var(--gold);border-radius:50%;width:6px;height:6px}.level-glyph.trilochan i:first-child{top:9px;left:9px}.level-glyph.trilochan i:nth-child(2){top:9px;right:9px}.level-glyph.trilochan i:nth-child(3){bottom:9px;left:9px}.level-glyph.trilochan b{z-index:2;color:var(--paper);font-family:var(--font-playfair), serif;font-size:1.65rem;line-height:1;position:relative}.level-glyph.dog-glyph{place-items:center;padding:0;display:grid}.level-glyph.dog-glyph:before,.level-glyph.dog-glyph:after{display:none}.dog-face-frame{place-items:center;display:grid}.dog-face{--dog-fur:#c98b57;--dog-ear:#885532;--dog-muzzle:#f1cfa6;--dog-ink:#2f2924;isolation:isolate;width:52px;height:52px;display:block;position:relative;overflow:hidden}.dog-face-easy{--dog-fur:#dba46d;--dog-ear:#9b6238;--dog-muzzle:#f5d9b6}.dog-face-pack{--dog-fur:#f0c98f;--dog-ear:#4f4038;--dog-muzzle:#fff0d5;--dog-ink:#27231f}.dog-face-medium{--dog-fur:#a96a3e;--dog-ear:#673c26;--dog-muzzle:#dbad7c}.dog-face-hard{--dog-fur:#7d736b;--dog-ear:#4f4742;--dog-muzzle:#bdb1a8}.dog-face-trilochan{--dog-fur:#404944;--dog-ear:#252c28;--dog-muzzle:#87948c;--dog-ink:#17201b}.dog-ear{z-index:0;background:var(--dog-ear);border-radius:8px 5px 12px 12px;width:15px;height:29px;position:absolute;top:7px}.dog-ear-left{left:3px;transform:rotate(17deg)}.dog-ear-right{right:3px;transform:rotate(-17deg)}.dog-head{z-index:1;background:var(--dog-fur);border-radius:45% 45% 38% 38%;width:38px;height:38px;position:absolute;top:7px;left:7px;box-shadow:inset 0 -4px #36271d17,0 4px 8px #262b271f}.dog-face-easy .dog-ear-left{left:2px;transform:rotate(22deg)}.dog-face-easy .dog-ear-right{right:2px;transform:rotate(-22deg)}.dog-face-pack .dog-ear-left{clip-path:polygon(50% 0,100% 100%,0 88%);border-radius:3px 8px 8px 10px;width:17px;height:25px;top:3px;left:4px;transform:rotate(-5deg)}.dog-face-pack .dog-ear-right{top:9px;right:1px;transform:rotate(-31deg)}.dog-face-medium .dog-ear-left{clip-path:polygon(50% 0,100% 100%,0 86%);border-radius:3px 12px 8px 10px;width:17px;height:26px;top:2px;left:4px;transform:rotate(-7deg)}.dog-face-medium .dog-ear-right{top:8px;right:2px;transform:rotate(-28deg)}.dog-face-hard .dog-ear{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:2px 2px 8px 8px;width:18px;height:25px;top:1px}.dog-face-hard .dog-ear-left{left:4px;transform:rotate(-8deg)}.dog-face-hard .dog-ear-right{right:4px;transform:rotate(8deg)}.dog-face-trilochan .dog-ear{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:2px 2px 7px 7px;width:18px;height:29px;top:-1px}.dog-face-trilochan .dog-ear-left{left:3px;transform:rotate(-6deg)}.dog-face-trilochan .dog-ear-right{right:3px;transform:rotate(6deg)}.dog-face-medium .dog-head{border-radius:42% 48% 36% 42%;width:39px;left:6px}.dog-face-hard .dog-head{border-radius:37% 37% 32% 32%;width:41px;left:5px}.dog-face-trilochan .dog-head{clip-path:polygon(9% 0,91% 0,100% 58%,73% 100%,27% 100%,0 58%);border-radius:32% 32% 22% 22%;width:38px;height:40px;top:5px}.dog-blaze,.dog-mask{z-index:2;pointer-events:none;display:none;position:absolute}.dog-face-easy .dog-blaze{background:#fff1dab3;border-radius:0 0 7px 7px;width:7px;height:20px;display:block;top:0;left:15.5px}.dog-face-pack .dog-mask{background:#342d2894;border-radius:58% 42% 52% 48%;width:17px;height:17px;display:block;top:6px;right:2px;transform:rotate(-12deg)}.dog-face-medium .dog-blaze{background:#532d1a4d;border-radius:50%;width:12px;height:13px;display:block;top:8px;left:3px}.dog-face-hard .dog-mask{background:#37312d38;border-radius:45%;width:34px;height:13px;display:block;top:8px;left:3.5px}.dog-face-trilochan .dog-mask{clip-path:polygon(0 10%,43% 30%,50% 100%,57% 30%,100% 10%,84% 100%,16% 100%);background:#121b167a;width:33px;height:18px;display:block;top:7px;left:2.5px}.dog-eye{z-index:3;transform-origin:50%;background:#fffaf0;border-radius:50%;width:9px;height:9px;position:absolute;top:11px;overflow:hidden}.dog-eye-left{left:8px}.dog-eye-right{right:8px}.dog-eye b{background:var(--dog-ink);border-radius:50%;width:4px;height:5px;animation:3.4s ease-in-out infinite tikriDogLook;position:absolute;top:2px;left:2.5px}.dog-face-aloo .dog-eye b{animation-name:alooDogLook;animation-duration:3s}.dog-brow{z-index:4;background:var(--dog-ink);opacity:.62;transform-origin:50%;border-radius:3px;width:10px;height:2px;position:absolute;top:8px}.dog-brow-left{left:7px;transform:rotate(5deg)}.dog-brow-right{right:7px;transform:rotate(-5deg)}.dog-muzzle{z-index:2;background:var(--dog-muzzle);border-radius:48% 48% 38% 38%;width:24px;height:18px;position:absolute;bottom:1px;left:7px;box-shadow:0 2px #30221a14}.dog-nose{z-index:2;background:var(--dog-ink);border-radius:55% 55% 48% 48%;width:9px;height:6px;position:absolute;top:2px;left:7.5px}.dog-mouth{border-bottom:2px solid var(--dog-ink);transform-origin:top;border-radius:0 0 10px 10px;width:10px;height:5px;animation:3.4s ease-in-out infinite dogSmile;position:absolute;bottom:3px;left:7px}.dog-face .dog-tongue,.dog-face .dog-tooth{z-index:0;display:none;position:absolute}.dog-face-easy .dog-tongue{background:#e98282;border-radius:2px 2px 6px 6px;width:7px;height:7px;animation:2.7s ease-in-out infinite dogTongue;display:block;bottom:-2px;left:8.5px}.dog-face-medium .dog-brow-left{animation:2s ease-in-out infinite dogCockyBrow;top:6px;transform:rotate(14deg)}.dog-face-medium .dog-brow-right{top:9px;transform:rotate(-20deg)}.dog-face-medium .dog-eye-left{height:7px;animation:2.5s ease-in-out infinite dogRamboWink;top:12px}.dog-face-medium .dog-mouth{border-radius:0 0 7px 2px;width:9px;animation-name:dogSmirk;left:10px}.dog-face-hard .dog-eye{height:7px;top:13px}.dog-face-hard .dog-brow-left{width:12px;transform:rotate(22deg)}.dog-face-hard .dog-brow-right{width:12px;transform:rotate(-22deg)}.dog-face-hard .dog-muzzle{width:27px;left:7px}.dog-face-hard .dog-mouth{z-index:1;background:#3a2422;border:0;border-radius:2px 2px 8px 8px;width:15px;height:5px;animation-name:dogJackySnarl;bottom:1px;left:6px}.dog-face-hard .dog-tooth{z-index:2;clip-path:polygon(0 0,100% 0,50% 100%);background:#fff8e8;width:4px;height:5px;display:block;bottom:0}.dog-face-hard .dog-tooth-left{left:5px}.dog-face-hard .dog-tooth-right{right:5px}.dog-face-trilochan .dog-eye{width:8px;height:6px;top:14px}.dog-face-trilochan .dog-brow{opacity:.9;top:10px}.dog-face-trilochan .dog-brow-left{transform:rotate(22deg)}.dog-face-trilochan .dog-brow-right{transform:rotate(-22deg)}.dog-face-trilochan .dog-muzzle{border-radius:42% 42% 24% 24%;width:22px;height:17px;left:8px}.dog-face-trilochan .dog-mouth{z-index:1;background:#251a1a;border:0;border-radius:2px 2px 8px 8px;width:15px;height:4px;animation-name:dogRiloDanger;bottom:0;left:3.5px}.dog-face-trilochan .dog-tooth{z-index:3;clip-path:polygon(0 0,100% 0,50% 100%);background:#fff8e8;width:4px;height:7px;display:block;bottom:-1px}.dog-face-trilochan .dog-tooth-left{left:3px}.dog-face-trilochan .dog-tooth-right{right:3px}.dog-face-trilochan .dog-tongue{z-index:2;background:#cf6268;border-radius:2px 2px 6px 6px;width:7px;height:8px;animation:2.65s ease-in-out infinite dogRiloTongue;display:block;bottom:-3px;left:7.5px}.dog-face-easy .dog-eye{animation:2.8s ease-in-out infinite dogHappyBlink}.dog-face-easy .dog-brow{animation:2.8s ease-in-out infinite dogHappyBrows}.dog-face-easy .dog-nose{animation:1.8s ease-in-out infinite dogBoop}.dog-face-easy .dog-mouth{animation-duration:2.7s}.dog-face-pack .dog-eye-left{animation:1.9s ease-in-out infinite dogPackWink}.dog-face-pack .dog-eye-right{animation:1.9s ease-in-out infinite dogPackBounce}.dog-face-pack .dog-eye-left b{animation:1.9s ease-in-out infinite dogPackPupilLeft}.dog-face-pack .dog-eye-right b{animation:1.9s ease-in-out infinite dogPackPupilRight}.dog-face-pack .dog-brow-left{animation:1.9s ease-in-out infinite dogPackBrowLeft}.dog-face-pack .dog-brow-right{animation:1.9s ease-in-out infinite dogPackBrowRight}.dog-face-pack .dog-nose{animation:1.25s ease-in-out infinite dogBoop}.dog-face-pack .dog-mouth{z-index:1;background:#4a2927;border:0;border-radius:2px 2px 9px 9px;width:14px;height:7px;animation:1.9s ease-in-out infinite dogPackGrin;bottom:1px;left:5px}.dog-face-medium .dog-eye b{animation-duration:1.85s}.dog-face-medium .dog-nose{animation:1.65s ease-in-out infinite dogSniff}.dog-face-medium .dog-mouth{animation-duration:2.1s}.dog-face-hard .dog-eye{animation:2.35s ease-in-out infinite dogBattleSquint}.dog-face-hard .dog-eye b{animation-duration:2.15s}.dog-face-hard .dog-brow-left{animation:2.35s ease-in-out infinite dogChallengeLeft}.dog-face-hard .dog-brow-right{animation:2.35s ease-in-out infinite dogChallengeRight}.dog-face-hard .dog-nose{animation:1.9s ease-in-out infinite dogSniff}.dog-face-hard .dog-mouth{animation-duration:1.85s}.dog-face-trilochan .dog-eye b{animation-duration:2.65s}.dog-face-trilochan .dog-brow-left{animation:2.9s ease-in-out infinite dogPlotLeft}.dog-face-trilochan .dog-brow-right{animation:2.9s ease-in-out infinite dogPlotRight}.dog-face-trilochan .dog-muzzle{animation:2.65s ease-in-out infinite dogRiloMuzzleBark}.dog-face-trilochan .dog-nose{animation:2.65s ease-in-out infinite dogRiloNoseBark}.dog-face-trilochan .dog-mouth{animation-duration:2.65s}.mode-card:hover .dog-eye b,.mode-card:focus-visible .dog-eye b{width:5px;height:6px;top:1px;left:2px}.dog-face-aloo .dog-mouth{animation-duration:3s}.dog-face-compact{transform-origin:50%;flex:0 0 44px;width:52px;height:52px;margin:-6px -4px;transform:scale(.6)}.aloo-player-name{align-items:center;min-height:38px;display:flex;overflow:visible}.dog-head,.dog-ear{transition:none;animation:none}.dog-face,.dog-face *{box-sizing:border-box}.local-duel-preview{grid-template-columns:1fr 34px 1fr;align-items:center;gap:8px;width:100%;margin:4px 0 18px;display:grid}.local-duel-preview article{background:#fffaf0b8;border:1px solid #334d3e1f;border-radius:10px;align-content:center;place-items:center;min-width:0;min-height:102px;padding:12px 10px;display:grid;box-shadow:0 8px 18px #2d3f350f}.local-duel-preview article>span{margin-bottom:4px;font-size:2rem;line-height:1}.local-duel-preview article small{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:800}.local-duel-preview article strong{margin-top:2px;font-size:.9rem}.local-duel-preview>b{color:var(--ink-soft);text-align:center;font-size:.7rem}.tikri-local-duel article:first-child>span{color:var(--blue)}.tikri-local-duel article:last-child>span{color:var(--coral)}.aloo-local-duel article:first-child>span{color:var(--blue)}.aloo-local-duel article:last-child>span{color:var(--coral)}.game-topbar{height:58px;margin-top:max(4px, env(safe-area-inset-top));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0 2px}.match-identity{min-width:0}.match-identity strong,.match-identity small{display:block}.match-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.match-identity small{color:var(--ink-soft);margin-top:1px;font-size:.67rem}.match-actions{align-items:center;gap:7px;display:flex}.match-actions .icon-button{width:38px;height:38px;box-shadow:none;border-radius:8px}.resign-button{min-height:38px;color:var(--coral-dark);cursor:pointer;background:#fffaf08c;border:1px solid #98483f40;border-radius:7px;padding:0 12px;font-size:.72rem;font-weight:900}.player-badge{border-radius:8px}.turn-command{border-radius:7px}.board-frame{width:var(--play-size);border-radius:3%}.board-glow{border-radius:2%}.result-card{border-radius:12px}.postgame-level-picker{border-radius:8px}.postgame-levels{grid-template-columns:repeat(4,1fr)}.postgame-levels button,.result-navigation>button{border-radius:6px}.level-pips i:nth-child(4){height:16px}.confirm-sheet{width:min(100%,480px);padding:24px 20px calc(20px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:var(--shadow);border:1px solid #334d3e1f;border-radius:12px 12px 0 0;animation:.22s both sheetIn}.confirm-sheet h2{font-family:var(--font-playfair), serif;margin:6px 0;font-size:1.8rem}.confirm-sheet p{color:var(--ink-soft);margin:0 0 20px;line-height:1.5}.confirm-sheet>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.danger-button{min-height:54px;color:var(--paper);background:var(--coral-dark);cursor:pointer;border:0;border-radius:8px;padding:0 18px;font-weight:900}.pwa-notices{z-index:50;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed}.pwa-notice{width:min(100%,560px);min-height:70px;color:var(--paper);pointer-events:auto;background:#24332e;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 46px 12px 14px;animation:.24s both resultIn;display:grid;position:relative;box-shadow:0 18px 48px #1827204d}.pwa-notice strong,.pwa-notice small{display:block}.pwa-notice strong{font-size:.85rem}.pwa-notice small{color:#fffaf09e;margin-top:2px;font-size:.69rem;line-height:1.35}.pwa-app-icon{background:var(--paper);border-radius:7px;grid-template-columns:repeat(2,1fr);gap:4px;width:38px;height:38px;padding:8px;display:grid;transform:rotate(45deg)}.pwa-app-icon i{background:var(--blue);border-radius:50%}.pwa-app-icon i:nth-child(2),.pwa-app-icon i:nth-child(3){background:var(--coral)}.pwa-action{min-height:38px;color:var(--ink);background:var(--gold);cursor:pointer;border:0;border-radius:6px;padding:0 13px;font-size:.72rem;font-weight:1000}.pwa-close{color:#fffaf094;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:1.35rem;position:absolute;top:6px;right:7px}.update-notice{border-left:4px solid var(--gold);grid-template-columns:1fr auto}.timer-picker{text-align:left;border:1px solid #334d3e24;margin:18px 0 0;padding:14px}.timer-picker legend{padding:0 6px;font-size:.78rem;font-weight:1000}.timer-picker p{color:var(--ink-soft);margin:0 0 10px;font-size:.7rem}.timer-picker>div{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.timer-picker button{min-height:42px;color:var(--ink-soft);cursor:pointer;background:#fffaf0b8;border:1px solid #334d3e21;border-radius:6px;font-size:.72rem;font-weight:900}.timer-picker button.selected{border-color:var(--sage);color:var(--paper);background:var(--sage-dark)}.timer-picker button small{color:inherit;opacity:.78;margin-top:2px;font-size:.62rem;font-weight:700;display:block}.local-setup-panel>p{color:var(--ink-soft);margin:-8px 0 18px;font-size:.8rem;line-height:1.55}.local-setup-panel .timer-picker{margin-bottom:18px}.custom-time-input{color:var(--ink-soft);gap:6px;margin-top:12px;font-size:.7rem;font-weight:900;display:grid}.custom-time-input>span{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.custom-time-input>.time-parts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.time-parts>span{color:var(--ink-soft);grid-template-columns:1fr auto;align-items:center;gap:7px;display:grid}.custom-time-input input{border-radius:6px;height:46px;font-size:1rem;font-weight:900}.custom-time-input small{color:#7e8982;font-weight:700}.opening-countdown{border:2px solid var(--coral);width:58px;height:58px;color:var(--coral-dark);border-radius:50%;place-items:center;margin:20px auto 6px;font-size:1.5rem;display:grid}.opening-player-piece{color:#ffffffd1;background:var(--blue);border:3px solid #ffffffb8;border-radius:50%;place-items:center;width:78px;height:78px;margin:18px auto;font-size:1.2rem;animation:.9s ease-in-out infinite alternate openingReady;display:grid;box-shadow:0 14px 25px #24332e2e,inset 0 -8px #0000001f}.opening-player-piece.p2{background:var(--coral);border-radius:20px}.opening-ready h1{margin-bottom:10px}.opening-ready>small{color:var(--ink-soft);display:block}.opening-choice-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.opening-choice-actions button{text-align:center;gap:0;width:100%;padding-inline:12px}.turn-clock{width:38px;height:38px;color:var(--gold);font-variant-numeric:tabular-nums;border:1px solid #fffaf033;border-radius:50%;place-items:center;font-size:.9rem;font-weight:1000;display:grid}.turn-clock.urgent{color:#fff;border-color:var(--coral);background:#d66f5f47;animation:.7s ease-in-out infinite alternate timerUrgent}.host-next-matchup{width:100%;min-height:44px;color:var(--gold);cursor:pointer;background:0 0;border:1px solid #e7b65f57;border-radius:6px;margin-top:8px;font-weight:900}.result-backdrop{overflow:hidden}.result-card{z-index:2;position:relative}.confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{width:8px;height:14px;top:-20px;left:var(--x);background:var(--gold);animation:confettiFall 2.2s var(--delay) ease-in both;position:absolute}.confetti i:nth-child(3n){background:var(--coral)}.confetti i:nth-child(3n+1){background:#6fb0c8}.confetti i:nth-child(4n){border-radius:50%;width:10px;height:10px}.mode-card{animation:.38s both cardIn}.mode-card:nth-child(2){animation-delay:55ms}.mode-card:nth-child(3){animation-delay:.11s}@keyframes breathe{50%{opacity:.65;transform:scale(.88)}}@keyframes timerUrgent{to{transform:scale(1.08);box-shadow:0 0 0 5px #d66f5f1f}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(var(--drift), 105vh, 0) rotate(var(--spin))}}@keyframes rpsCountdown{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes settle{0%{opacity:0;transform:scale(1.14)translateY(-8px)}}@keyframes lastGlow{45%{filter:brightness(1.22)}}@keyframes streak{0%{opacity:0;stroke-dasharray:0 150}to{opacity:1;stroke-dasharray:150 0}}@keyframes fadeIn{0%{opacity:0}}@keyframes resultIn{0%{opacity:0;transform:translateY(20px)scale(.96)}}@keyframes resultCauseIn{0%{opacity:0;transform:translateY(7px)rotate(-6deg)scale(.85)}}@keyframes sheetIn{0%{transform:translateY(100%)}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}}@keyframes commandPulse{0%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes openingReady{0%{transform:translateY(0)scale(.98)}to{transform:translateY(-4px)scale(1.03)}}@keyframes reactionFromBottom{0%{opacity:0;transform:translate(-50%,20px)scale(.82)rotate(-4deg)}12%{opacity:.78}38%{opacity:.68;transform:translate3d(calc(-50% + var(--reaction-drift,14px)), -88px, 0) scale(1) rotate(3deg)}68%{opacity:.38;transform:translate3d(calc(-50% - var(--reaction-drift,14px)), -178px, 0) scale(.94) rotate(-3deg)}to{opacity:0;transform:translate3d(calc(-50% + var(--reaction-drift,14px)), -270px, 0) scale(.82) rotate(2deg)}}@keyframes reactionFromTop{0%{opacity:0;transform:translate(-50%,-20px)scale(.82)rotate(4deg)}12%{opacity:.78}38%{opacity:.68;transform:translate3d(calc(-50% - var(--reaction-drift,14px)), 88px, 0) scale(1) rotate(-3deg)}68%{opacity:.38;transform:translate3d(calc(-50% + var(--reaction-drift,14px)), 178px, 0) scale(.94) rotate(3deg)}to{opacity:0;transform:translate3d(calc(-50% - var(--reaction-drift,14px)), 270px, 0) scale(.82) rotate(-2deg)}}@keyframes reactionFromSide{0%{opacity:0;transform:translateY(-50%)scale(.82)rotate(-4deg)}12%{opacity:.78}38%{opacity:.68;transform:translate3d(145px, calc(-50% + var(--reaction-drift,14px)), 0) scale(1) rotate(3deg)}68%{opacity:.38;transform:translate3d(285px, calc(-50% - var(--reaction-drift,14px)), 0) scale(.94) rotate(-3deg)}to{opacity:0;transform:translate3d(440px, calc(-50% + var(--reaction-drift,14px)), 0) scale(.82) rotate(2deg)}}@keyframes tikriDogLook{0%,18%,to{transform:translate(0)}28%,42%{transform:translate(1.5px,-1px)}54%,68%{transform:translate(-1.5px,1px)}80%,90%{transform:translate(1px,1px)}}@keyframes alooDogLook{0%,20%,to{transform:translate(0)}30%,43%{transform:translate(-1.7px)}54%,67%{transform:translate(1.7px)}78%,90%{transform:translateY(1.4px)}}@keyframes dogHappyBlink{0%,28%,35%,68%,75%,to{transform:scaleY(1)}31%,71%{transform:scaleY(.12)}}@keyframes dogHappyBrows{0%,62%,to{transform:translateY(0)rotate(0)}70%{transform:translateY(-2px)rotate(-5deg)}78%{transform:translateY(-1px)rotate(4deg)}}@keyframes dogPackWink{0%,32%,44%,72%,to{transform:scaleY(1)}36%,40%{transform:scaleY(.08)}80%{transform:scaleY(.55)}}@keyframes dogPackBounce{0%,44%,to{transform:translateY(0)scaleY(1)}54%{transform:translateY(-2px)scaleY(1.08)}66%{transform:translateY(1px)scaleY(.9)}}@keyframes dogPackPupilLeft{0%,38%,to{transform:translate(-1px)}52%,72%{transform:translate(1.5px,-1px)}}@keyframes dogPackPupilRight{0%,38%,to{transform:translate(1px)}52%,72%{transform:translate(-1.5px,1px)}}@keyframes dogPackBrowLeft{0%,44%,to{transform:translateY(0)rotate(5deg)}54%,70%{transform:translateY(-2px)rotate(-9deg)}}@keyframes dogPackBrowRight{0%,44%,to{transform:translateY(0)rotate(-5deg)}54%,70%{transform:translateY(-1px)rotate(12deg)}}@keyframes dogPackGrin{0%,42%,to{transform:scale(.82,.72)}54%,74%{transform:scale(1.12,1.28)}}@keyframes dogBoop{0%,68%,to{transform:scale(1)}76%{transform:scale(1.22,.86)}84%{transform:scale(.92,1.12)}}@keyframes dogSniff{0%,to{transform:translate(-1px)scale(1)}45%{transform:translate(1px)scale(1.12,.92)}}@keyframes dogTongue{0%,62%,to{opacity:0;transform:translateY(-5px)scaleY(.3)}70%,90%{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes dogCockyBrow{0%,66%,to{transform:translateY(0)rotate(14deg)}76%,90%{transform:translateY(-2px)rotate(5deg)}}@keyframes dogRamboWink{0%,58%,68%,to{transform:scaleY(1)}62%,65%{transform:scaleY(.08)}}@keyframes dogBattleSquint{0%,64%,to{transform:scaleY(1)}74%,88%{transform:scaleY(.58)}}@keyframes dogChallengeLeft{0%,66%,to{transform:translateY(0)rotate(22deg)}76%,90%{transform:translateY(-1px)rotate(30deg)}}@keyframes dogChallengeRight{0%,66%,to{transform:translateY(0)rotate(-22deg)}76%,90%{transform:translateY(-1px)rotate(-30deg)}}@keyframes dogPlotLeft{0%,58%,to{transform:translateY(0)rotate(22deg)}68%,82%{transform:translateY(1px)rotate(28deg)}}@keyframes dogPlotRight{0%,58%,to{transform:translateY(0)rotate(-22deg)}68%,82%{transform:translateY(1px)rotate(-28deg)}}@keyframes dogJackySnarl{0%,52%,to{transform:scaleY(.42)}64%,84%{transform:scaleY(1.45)}}@keyframes dogRiloDanger{0%,30%,47%,68%,to{transform:scaleY(.22)}36%,43%,55%,64%{transform:scaleY(2.35)}}@keyframes dogRiloTongue{0%,31%,46%,50%,67%,to{opacity:0;transform:translateY(-7px)scaleY(.2)}37%,43%,56%,64%{opacity:1;transform:translateY(1px)scaleY(1)}}@keyframes dogRiloMuzzleBark{0%,30%,47%,68%,to{transform:scale(1)}36%,43%,55%,64%{transform:scale(1.05,1.12)}}@keyframes dogRiloNoseBark{0%,30%,47%,68%,to{transform:scale(1)}36%,43%,55%,64%{transform:translateY(-1px)scale(1.16,.9)}}@keyframes dogSmile{0%,70%,to{transform:scaleY(1)}82%{transform:scaleY(1.45)}}@keyframes dogSmirk{0%,65%,to{transform:translate(0)skew(0)}76%,88%{transform:translate(2px)skew(-18deg)}}@keyframes dogGrumble{0%,68%,to{transform:scaleX(1)}78%{transform:scaleX(.72)translateY(-1px)}88%{transform:scaleX(1.08)}}@keyframes dogPlot{0%,62%,to{transform:translateY(0)scaleX(1)}72%,84%{transform:translateY(-1px)scaleX(.62)}}@media (width>=760px) and (height>=720px){.match-layout{width:min(100% - 24px,660px);margin-top:8px}.player-badge{min-height:58px}.player-clock{min-width:82px;font-size:1.14rem}}@media (width>=900px){.aloo-shell>.aloo-topbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffaf0ed;border-width:0 0 1px;border-radius:0 0 20px 20px;width:100%;max-width:none;height:70px;margin:0;padding:0 max(24px,50vw - 560px);position:fixed;top:0;left:0;box-shadow:0 8px 28px #334d3e1a}.aloo-shell:not(.aloo-match-shell),.aloo-match-shell{padding-top:70px}.aloo-match-shell .aloo-match{margin-top:0}.game-shell.mode-local .game-topbar{background:#fffaf0e0;border-radius:0 0 20px 20px;width:min(100% - 36px,1120px);height:68px;margin-top:0;box-shadow:0 10px 30px #3e342814}.game-shell.mode-local .match-layout{--play-size:min(46vw, calc(100svh - 118px), 600px);grid-template-columns:minmax(190px, 238px) var(--play-size) minmax(190px, 238px);grid-template-areas:"top board bottom";justify-content:center;align-items:center;column-gap:22px;width:min(100% - 36px,1140px);margin-top:8px}.game-shell.mode-local .player-badge{width:100%;min-height:84px;padding:12px}.game-shell.mode-local .player-badge.player-top{grid-area:top}.game-shell.mode-local .player-badge.player-bottom{grid-area:bottom}}@media (width<=620px){.content-panel{margin-top:22px}.content-panel.narrow{border-radius:12px;width:min(100% - 20px,560px);padding:22px 16px}.mode-card{border-radius:9px;grid-template-columns:54px 1fr 30px;gap:12px;padding-inline:12px}.mode-glyph,.level-glyph{border-radius:9px;width:54px;height:54px}.bot-level-grid .mode-card{min-height:116px}.online-panel{margin-top:12px}.waiting-room{padding-top:4px}.waiting-room h1{margin-top:6px;font-size:2.45rem}.copy-button{margin-bottom:18px}.room-share-actions .copy-button{margin-bottom:0}.lobby-players{gap:6px}.lobby-players>button{border-radius:7px;min-height:56px}.rps-panel{padding-top:14px}.rps-grid{gap:6px;margin:20px 0}.rps-grid button{border-radius:8px;min-height:104px}.rps-result-choices>div{border-radius:8px;min-height:122px;padding:14px 8px}.selected-matchup{border-radius:8px;margin:18px 0;padding:15px 8px}.pwa-notice{gap:9px;padding-left:11px}.rules-panel{width:min(100% - 20px,560px);margin-top:22px}.rules-panel h1{margin-bottom:20px;font-size:2.05rem}.rules-grid{grid-template-columns:1fr}.rules-grid article{border-radius:9px;grid-template-columns:38px 1fr;column-gap:10px;min-height:auto;padding:16px;display:grid}.rules-grid article>span{width:34px;height:34px}.rules-grid h2{margin:1px 0 4px;font-size:1.08rem}.rules-grid p{grid-column:2}.rule-note{border-radius:8px;margin-bottom:16px;padding:14px 16px}.tutorial-board{width:min(72vw,290px);margin-bottom:12px}.tutorial-board-surface{border-radius:12px}.guide-card{width:min(100% - 20px,520px);padding-top:10px}.guide-card h1{margin:7px 0 8px;font-size:2rem}.guide-card>p{min-height:44px;font-size:.92rem}.lesson-tip{margin-top:10px;padding:8px 11px;font-size:.75rem}.progress-dots{margin:13px 0}.guide-actions button{min-height:48px;padding-inline:18px}.app-shell:not(.game-shell) .content-panel.local-setup-panel,.app-shell:not(.game-shell) .content-panel.aloo-local-panel{width:100%;max-width:none;min-height:calc(100svh - 72px - env(safe-area-inset-top));padding:16px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;margin:0;display:flex}.local-setup-panel h1,.aloo-local-panel h1{margin:5px 0 12px;font-size:clamp(2rem,10vw,2.65rem)}.local-setup-panel>p,.aloo-local-panel>p{margin:0 0 14px;font-size:.82rem;line-height:1.45}.local-setup-panel .timer-picker,.aloo-local-panel .aloo-variant-picker{margin-top:0}.local-setup-panel>.primary-button{width:100%;margin-top:0}.aloo-local-panel>.primary-button{width:100%;margin-top:10px}.local-setup-panel .local-duel-preview{flex:none;margin:12px 0 0}.local-setup-panel .tikri-local-duel+.primary-button{flex:none;align-self:stretch;margin:12px 0 0!important}.aloo-local-seats{margin-top:12px}.game-shell.mode-local .match-layout{--play-size:min(92vw, calc(100svh - 196px), 480px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top bottom""board board";align-items:stretch;gap:7px;width:min(100% - 16px,520px)}.game-shell.mode-local .player-badge{border-radius:14px;width:100%;min-height:54px;padding:7px 8px}.game-shell.mode-local .player-text strong{font-size:.78rem}.game-shell.mode-local .player-text small{letter-spacing:.06em;font-size:.5rem}.game-shell.mode-local .mini-piece{width:30px;height:30px}.aloo-match-shell.mode-local .aloo-play-stack{--aloo-board-size:min(50svh, 92vw, 430px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto var(--aloo-board-size);grid-template-areas:"turn turn""top bottom""board board";align-items:stretch;gap:8px}.aloo-match-shell.mode-local .aloo-turn{grid-area:turn}.aloo-match-shell.mode-local .aloo-player-panel.top{grid-area:top}.aloo-match-shell.mode-local .aloo-player-panel.bottom{grid-area:bottom}.aloo-match-shell.mode-local .aloo-board-center{grid-area:board}.aloo-match-shell.mode-local .aloo-player-panel{border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto;gap:7px;width:100%;height:58px;padding:7px 8px}.aloo-match-shell.mode-local .aloo-player-mark{border-radius:10px;width:34px;height:34px;font-size:1.65rem}.aloo-match-shell.mode-local .aloo-player-copy small{letter-spacing:.06em;font-size:.5rem}.aloo-match-shell.mode-local .aloo-player-copy strong{font-size:.78rem}.aloo-match-shell.mode-local .aloo-player-stat{min-width:22px}.aloo-match-shell.mode-local .aloo-player-stat small{display:none}.aloo-match-shell.mode-local .aloo-player-stat strong{font-size:.88rem}.aloo-lobby-variant>div{grid-template-columns:1fr}}@media (width<=380px){.match-identity small{display:none}.resign-button{padding-inline:9px}.player-badge{min-height:54px;padding:6px 8px}.player-clock{min-width:52px;padding-inline:5px;font-size:.88rem}.room-share-actions{grid-template-columns:1fr}.reaction-label{display:none}.reaction-dock{padding-left:6px;padding-right:6px}.reaction-dock>div:last-child{justify-content:space-between;width:100%}.mini-piece{width:30px;height:30px}.player-name-line{gap:4px}.replay-step{width:25px;height:25px;font-size:1.18rem}.pwa-notice{grid-template-columns:34px 1fr;padding-right:38px}.pwa-app-icon{width:32px;height:32px;padding:7px}.install-notice .pwa-action{grid-column:1/-1;width:100%}}@media (height<=740px){.game-topbar{height:54px;margin-top:4px}.player-badge{min-height:48px;padding-block:5px}.mini-piece{width:31px;height:31px}.turn-command{min-height:31px;margin-bottom:5px;padding-block:4px}.match-layout{--play-size:clamp(250px, min(92vw, calc(100svh - 218px)), 480px)}.game-shell.mode-online .match-layout{--play-size:clamp(238px, min(92vw, calc(100svh - 273px)), 480px)}.board-frame{width:var(--play-size)}.guide-shell .topbar{height:62px}.tutorial-board{width:min(58vh,68vw,260px)}.tutorial-visual-caption{margin-top:5px}.guide-card h1{font-size:1.75rem}.guide-card>p{min-height:40px;line-height:1.4}.result-backdrop{padding:8px}.result-card{max-height:calc(100svh - 16px);padding:0 10px 10px}.result-card:before{width:calc(100% + 20px);margin-left:-10px}.result-hero{padding:9px 8px 7px}.result-rings{width:130px;height:66px;top:2px}.result-piece{border-width:2px;width:52px;height:52px;margin-bottom:6px;font-size:1.45rem}.result-card h1{margin:2px 0;font-size:1.7rem}.result-hero>p{font-size:.7rem}.result-cause{grid-template-columns:40px 1fr;gap:8px;margin-bottom:7px;padding:8px}.result-cause-icon{width:38px;height:38px;font-size:1.28rem}.result-cause>div p{margin-top:2px;font-size:.66rem;line-height:1.25}.result-tip{padding:5px 7px;font-size:.61rem;line-height:1.25}.postgame-level-picker{padding:7px}.postgame-level-picker>div:first-child{padding-bottom:5px}.postgame-level-picker>div:first-child small{display:none}.postgame-levels button{min-height:42px;padding:4px}.level-pips{margin-bottom:1px}.result-primary-action{margin-top:6px}.result-primary-action .primary-button{min-height:42px}.result-navigation{margin-top:6px}.result-navigation>button{gap:2px;min-height:48px;padding:4px}.result-nav-glyph{width:20px;height:20px;transform:scale(.78)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}