.actions-top{flex-wrap:wrap;justify-content:center;gap:6px;margin:2px 0 8px;display:flex}.actions-top .btn-compact{opacity:.85;border-radius:6px;min-height:24px;padding:4px 10px;font-size:11px;line-height:1}.actions-top .btn-compact:hover{opacity:1}.actions-bottom{grid-template-columns:1fr 1fr auto auto;align-items:stretch;gap:8px;margin:6px 0 10px;display:grid}.actions-bottom .action-icon{opacity:.7;justify-content:center;align-items:center;min-width:44px;padding:10px;font-size:15px;display:flex}.actions-bottom .action-icon:hover{opacity:1}.action-icon--placeholder{visibility:hidden;pointer-events:none}.action-slot--takeover{text-shadow:0 1px #ffffff40;font-weight:800;transition:all .2s;box-shadow:0 0 0 1px #ffc14559,0 4px 12px #ffc14540,inset 0 1px #fff6,inset 0 -1px #0003;color:#2a1a00!important;border:1.5px solid var(--gold,#ffc145)!important;background:linear-gradient(180deg, var(--gold,#ffc145), color-mix(in srgb, var(--gold,#ffc145) 80%, #d68a00 20%))!important}.action-slot--takeover:not(:disabled):hover,.action-slot--takeover:not(:disabled):active{transform:translateY(-1px);box-shadow:0 0 18px #ffc1458c,inset 0 1px #ffffff73;background:linear-gradient(180deg, color-mix(in srgb, var(--gold,#ffc145) 110%, #fff), var(--gold,#ffc145))!important}.action-slot--takeover:disabled{opacity:.55;box-shadow:none;color:#2a1a00b3!important;background:linear-gradient(180deg, color-mix(in srgb, var(--gold,#ffc145) 50%, transparent), color-mix(in srgb, var(--gold,#ffc145) 30%, transparent))!important;border-color:#ffc14580!important}.action-slot--takeover:hover:before,.action-slot--takeover:active:before{opacity:0!important;display:none!important}.game-log--multi{text-align:left;background:color-mix(in srgb, var(--surface) 70%, transparent);margin-top:8px;margin-left:calc(-1 * var(--page-pad,8px));margin-right:calc(-1 * var(--page-pad,8px));border-top:1px solid #ffffff0f;border-radius:0;flex-direction:column;gap:1px;padding:6px 12px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;display:flex}.game-log__line{white-space:nowrap;text-overflow:ellipsis;min-height:16px;line-height:1.4;overflow:hidden}.game-log__line[data-age="0"]{color:var(--ink);opacity:1}.game-log__line[data-age="1"]{color:var(--ink2);opacity:.7}.game-log__line[data-age="2"]{color:var(--ink3);opacity:.45}.game-log--single{color:var(--ink3);text-align:center;opacity:.75;white-space:nowrap;text-overflow:ellipsis;min-height:18px;margin-top:8px;padding:4px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.4;overflow:hidden}html.tab-game .board{background:color-mix(in srgb, var(--surface) 55%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);border:1px solid #ffffff14;position:relative;box-shadow:0 20px 60px #00000059,0 4px 12px #0003,inset 0 1px #ffffff1f,inset 0 -1px #00000026}html.tab-game .board:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff0f,#fff0 70%);border-radius:20px 20px 0 0;height:40%;position:absolute;top:0;left:0;right:0}html.tab-game .board>*{z-index:1;position:relative}html.tab-game[data-theme=minimal] .board{background:#ffffffb3;border:1px solid #00000014;box-shadow:0 20px 60px #00000026,0 4px 12px #00000014,inset 0 1px #ffffffb3,inset 0 -1px #0000000d}html.tab-game[data-theme=minimal] .board:before{background:linear-gradient(#ffffff80,#fff0 70%)}.native-app .actions-bottom{flex-wrap:nowrap!important;grid-template-columns:1fr 1fr auto auto!important;justify-content:stretch!important;align-items:stretch!important;gap:8px!important;margin:6px 0 10px!important;padding:4px 8px 6px!important;display:grid!important;overflow:visible!important}@media (width<=360px){.native-app .actions-bottom{grid-template-columns:1fr 1fr!important;grid-auto-rows:auto!important}.native-app .actions-bottom .action-icon{min-width:0!important}}.native-app .actions-bottom .action-slot{min-width:0!important}.native-app .actions-top{grid-template-columns:repeat(2,auto)!important;justify-content:center!important;gap:6px 8px!important;margin:0 0 6px!important;padding:2px 8px 6px!important;display:grid!important;overflow:visible!important}.native-app .actions-top .btn-compact{opacity:1!important;border-radius:8px!important;flex-shrink:1!important;min-height:34px!important;padding:7px 12px!important;font-size:12px!important;line-height:1.1!important}.native-app .actions-bottom .action-icon{flex-shrink:0!important;width:44px!important;min-width:44px!important;padding:10px!important}.native-app .game-log{display:block!important}.native-app .game-log--multi{font-size:11px;background:color-mix(in srgb, var(--surface) 80%, transparent)!important;border-top:1px solid #ffffff0f!important;margin-top:4px!important;margin-left:0!important;margin-right:0!important;padding:5px 12px 7px!important;display:flex!important}.native-app .game-log__line{min-height:15px;line-height:1.4}.native-app .game-log__line[data-age="1"]{opacity:.85;color:var(--ink2)}.native-app .game-log__line[data-age="2"]{opacity:.65;color:var(--ink2)}.native-app .actions-bottom .action-slot--takeover:not(:disabled){box-shadow:0 0 0 1px #ffc14559,0 3px 10px #ffc14540,inset 0 1px #ffffff59!important}.native-app .actions-bottom .action-slot--takeover:not(:disabled):active{transform:translateY(-1px);box-shadow:0 0 18px #ffc1458c,inset 0 1px #ffffff73!important}.native-app .board{background:linear-gradient(180deg, color-mix(in srgb, var(--surface,#1a1a2a) 70%, transparent), color-mix(in srgb, var(--surface,#1a1a2a) 85%, transparent))!important;border:1px solid #ffffff14!important}.native-app[data-theme=minimal] .board{background:linear-gradient(#ffffffeb,#fffffff7)!important;border:1px solid #0000001f!important}.native-app .site-content{padding-bottom:calc(60px + env(safe-area-inset-bottom))!important}@media (height<=600px) and (orientation:landscape){.native-app .site-content{padding-bottom:calc(48px + env(safe-area-inset-bottom))!important}}:root{--orange:#ff9f3d}.achievement-popup{top:calc(20px + env(safe-area-inset-top,0px));right:calc(20px + env(safe-area-inset-right,0px));background:linear-gradient(135deg, var(--surface) 0%, var(--surface2) 100%);border:1px solid var(--gold-glow);z-index:1000;max-width:calc(100vw - 40px);animation:achSlideIn .5s var(--ease-out-back), achFadeOut .5s ease-in 3.5s forwards;border-radius:14px;align-items:center;gap:12px;padding:14px 20px;display:flex;position:fixed;box-shadow:0 8px 32px #ffc14526,0 0 60px #ffc1450d}.achievement-popup .ach-icon{font-size:32px}.achievement-popup .ach-label{color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:600}.achievement-popup .ach-name{color:var(--ink);font-size:14px;font-weight:600}@keyframes achSlideIn{0%{opacity:0;transform:translate(100px)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes achFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.confetti-container{pointer-events:none;z-index:999;position:fixed;inset:0;overflow:hidden}.confetti{width:8px;height:8px;animation:linear forwards confettiFall;position:absolute;top:-10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes resultSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dash-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.dash-card{background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(12px);transition:all .3s var(--ease-smooth);opacity:0;animation:cardReveal .5s var(--ease-smooth) both;border:1px solid #ffffff0d;border-radius:16px;padding:20px;box-shadow:0 4px 16px #0003}.dash-card:first-child{animation-delay:0s}.dash-card:nth-child(2){animation-delay:80ms}.dash-card:nth-child(3){animation-delay:.16s}.dash-card:nth-child(4){animation-delay:.24s}.dash-card:nth-child(n+5){animation-delay:.32s}.dash-card:hover{border-color:color-mix(in srgb, var(--accent) 20%, transparent);box-shadow:0 12px 32px #00000059, 0 0 1px #ffffff1a, 0 0 20px color-mix(in srgb, var(--accent) 5%, transparent);transform:translateY(-2px)}.dash-card.loading{position:relative;overflow:hidden}.dash-card.loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff08,#0000);animation:1.5s ease-in-out infinite shimmerLoad;position:absolute;inset:0}@keyframes shimmerLoad{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dash-card h3{color:var(--ink3);letter-spacing:1px;margin-bottom:12px;font-family:Outfit,sans-serif;font-size:12px;font-weight:500}.big-num.good{color:var(--green);text-shadow:0 0 40px var(--green-glow)}.big-num.p1c{color:var(--p1);text-shadow:0 0 40px var(--p1-glow)}.sub{color:var(--ink3);margin-top:6px;font-size:12px;font-weight:300}.chart-wrap{height:260px;position:relative}.dash-table{border-collapse:collapse;width:100%;font-size:13px}.dash-table th{text-align:left;border-bottom:1px solid var(--surface2);color:var(--ink3);text-transform:uppercase;letter-spacing:.5px;background:#ffffff05;padding:10px 12px;font-size:11px;font-weight:500}.dash-table td{border-bottom:1px solid #ffffff08;padding:10px 12px;transition:background .2s}.dash-table tr:hover td{background:#ffffff05}.replay-tabs{background:var(--surface);border-radius:14px;gap:2px;margin-bottom:20px;padding:4px;display:flex}.replay-tabs button{color:var(--ink3);cursor:pointer;transition:all .25s var(--ease-smooth);background:0 0;border:none;border-radius:11px;flex:1;padding:8px 14px;font-family:Outfit,sans-serif;font-size:12px;font-weight:500}.replay-tabs button:hover{color:var(--ink2)}.replay-tabs button.active{color:#fff;background:var(--accent);box-shadow:0 2px 12px var(--accent-glow)}.transport{justify-content:center;align-items:center;gap:10px;margin-bottom:16px;display:flex}.transport-btn{border:1px solid var(--surface3);background:var(--surface);width:44px;height:44px;color:var(--ink2);cursor:pointer;transition:all .2s var(--ease-smooth);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.transport-btn:hover{background:var(--surface2);color:var(--ink);transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.transport-btn.play{background:linear-gradient(135deg, var(--accent), #2a9a8c);color:#fff;width:52px;height:52px;box-shadow:0 4px 24px var(--accent-glow);border:none;font-size:20px}.transport-btn.play:hover{box-shadow:0 8px 32px var(--accent-glow);transform:scale(1.12)}.progress-slider{-webkit-appearance:none;background:var(--surface2);border-radius:2px;outline:none;width:100%;max-width:520px;height:4px;margin:0 auto 8px;display:block}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:16px;height:16px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%;transition:transform .15s,box-shadow .15s}.progress-slider::-webkit-slider-thumb:hover{box-shadow:0 0 16px var(--accent-glow);transform:scale(1.3)}.turn-label{text-align:center;color:var(--ink3);margin-bottom:16px;font-size:12px;font-weight:300}.move-card{background:var(--surface);border:1px solid var(--surface2);max-width:520px;color:var(--ink2);border-radius:0 12px 12px 0;margin:0 auto 16px;padding:16px 20px;font-size:13px;line-height:1.65}.hint-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffbe301f;border-left:3px solid var(--gold);max-width:540px;animation:hintSlide .4s var(--ease-out-back);background:#ffbe300a;border-radius:0 14px 14px 0;margin:0 auto 16px;padding:18px 22px;box-shadow:0 4px 16px #ffbe300d}.hint-title{color:var(--gold);align-items:center;gap:8px;margin-bottom:10px;font-family:DM Serif Display,serif;font-size:15px;display:flex}.hint-line{color:var(--ink2);margin-bottom:4px;font-size:13px;line-height:1.7}@keyframes hintSlide{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=680px){.app{padding:0 10px 60px}.board{border-radius:16px;gap:2px;margin-bottom:12px;padding:20px 6px 24px}.stand{touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px 8px 0 0;flex:1;max-width:48px;min-height:155px;padding:5px 3px 3px}.stand:hover{box-shadow:none;transform:none}.stand:active{background:#ffffff08;transition-duration:80ms;transform:scale(.94)}.stand.golden:active{background:#ffbe3014}.chip{border-radius:2px;width:calc(100% - 8px);max-width:36px;height:11px}.stand-label{font-size:10px;top:-18px}.scoreboard{gap:24px;margin-bottom:10px}.score-num{font-size:36px}.score-label{letter-spacing:1.5px;font-size:9px}.score-sep{padding-bottom:8px;font-size:20px}.game-info{margin-bottom:10px;font-size:12px}.game-settings{flex-flow:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:8px}.game-settings label{font-size:12px}.game-settings select{padding:6px 10px;font-size:12px}.actions{gap:6px;margin-bottom:10px}.actions .btn{border-radius:10px;min-height:44px;padding:10px 14px;font-size:12px}.actions .btn.primary{padding:10px 18px}.game-result{border-radius:14px;padding:16px}.game-log{max-height:120px;padding:10px}.dash-grid{grid-template-columns:1fr}.hint-panel{padding:12px}.place-controls{padding:6px 10px}.place-status{font-size:11px}.transport{gap:6px}.transport-btn{width:40px;height:40px;font-size:16px}.profile-tabs{flex-wrap:nowrap!important}.profile-tabs button{padding:8px 12px!important;font-size:11px!important}.dash-card [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}.dash-card [style*="grid-template-columns: repeat(5"]{grid-template-columns:repeat(3,1fr)!important}.dash-card [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.dash-table{font-size:10px}.dash-table th,.dash-table td{padding:4px 6px}.replay-tabs{flex-wrap:wrap;gap:4px}.replay-tabs button{padding:6px 8px;font-size:10px}}@media (width<=560px){.stand{flex:1;max-width:42px;min-height:140px}.chip{width:calc(100% - 6px);max-width:32px;height:10px}.score-num{font-size:32px}.scoreboard{gap:18px}.l-hero-title{font-size:24px}.l-hero-sub{font-size:12px}.l-num-val{font-size:28px}.l-section{padding:24px 0 18px}.l-title{font-size:18px}.game-settings select{padding:6px 10px;font-size:11px}}@media (width<=400px){.app{padding:0 6px 40px}.board{border-radius:12px;gap:1px;padding:12px 3px 22px}.stand{flex:1;max-width:34px;min-height:118px;padding:4px 2px 2px}.stand-label{font-size:8px;top:-14px}.chip{border-radius:2px;width:calc(100% - 4px);max-width:26px;height:8px}.score-num{font-size:28px}.scoreboard{gap:14px}.score-label{font-size:8px}.actions .btn{padding:8px 12px;font-size:11px}.game-result{padding:12px;font-size:12px}.game-log{max-height:80px;font-size:10px}.l-hero-title{font-size:20px}.l-numbers{gap:10px}.l-num-val{font-size:24px}}@media (width<=340px){.stand{flex:1;max-width:30px;min-height:106px}.chip{width:calc(100% - 4px);max-width:22px;height:7px}.score-num{font-size:24px}.board{padding:10px 2px 22px}.actions .btn{padding:7px 10px;font-size:10px}}.settings-page{max-width:640px;margin:0 auto}.settings-title{color:var(--ink);margin-bottom:24px;font-size:22px;font-weight:700}.settings-section{margin-bottom:20px}.settings-section.dash-card{padding:18px 22px}.settings-section-title{color:var(--ink);border-bottom:1px solid var(--surface2);align-items:center;gap:8px;margin-bottom:4px;padding-bottom:12px;font-size:14px;font-weight:600;display:flex}.setting-row{border-bottom:1px solid #ffffff05;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.setting-info{flex:1;min-width:0}.setting-label{color:var(--ink);font-size:13px;font-weight:500}.setting-desc{color:var(--ink3);margin-top:2px;font-size:11px}.setting-control{flex-shrink:0}.segment-control{background:var(--surface2);border-radius:8px;flex-wrap:wrap;gap:2px;padding:2px;display:flex}.segment-control button{color:var(--ink3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-family:Outfit,sans-serif;font-size:11px;font-weight:500;transition:all .15s}.segment-control button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #0003}.segment-control button:hover:not(.active){color:var(--ink2)}.toggle{background:var(--surface3);cursor:pointer;border:none;border-radius:11px;flex-shrink:0;align-items:center;width:40px;height:22px;padding:2px;transition:background .2s;display:flex;position:relative}.toggle.on{background:var(--accent)}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.toggle.on .toggle-thumb{transform:translate(18px)}.chip.chip-skin-flat{box-shadow:none;border-radius:2px}.chip.chip-skin-flat.p0{background:var(--p1)}.chip.chip-skin-flat.p1{background:var(--p2)}.chip.chip-skin-rounded{border-radius:50%;width:16px;height:16px;margin:0 auto}.chip.chip-skin-rounded.p0{background:radial-gradient(circle at 40% 35%, #a0d4ff, var(--p1), #2a70c0);box-shadow:0 2px 3px #0000004d,inset 0 1px 2px #fff6}.chip.chip-skin-rounded.p1{background:radial-gradient(circle at 40% 35%, #ffc0c2, var(--p2), #c03840);box-shadow:0 2px 3px #0000004d,inset 0 1px 2px #fff6}.chip.chip-skin-glass.p0{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#4a9effa6,#4a9eff40);border:1px solid #4a9eff33;box-shadow:0 2px 8px #4a9eff40,inset 0 1px #ffffff80,inset 0 -1px #0000001a}.chip.chip-skin-glass.p1{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#ff6066a6,#ff606640);border:1px solid #ff606633;box-shadow:0 2px 8px #ff606640,inset 0 1px #ffffff80,inset 0 -1px #0000001a}.chip.chip-skin-metal.p0{background:linear-gradient(#d0e8ff,#88b8e0,#5090c0,#70a0d0,#b0d0f0);border:.5px solid #ffffff26;box-shadow:0 2px 4px #0006,inset 0 1px #ffffffb3,inset 0 -1px #0003}.chip.chip-skin-metal.p1{background:linear-gradient(#ffd0d0,#e08888,#c05050,#d07070,#f0b0b0);border:.5px solid #ffffff26;box-shadow:0 2px 4px #0006,inset 0 1px #ffffffb3,inset 0 -1px #0003}.chip.chip-skin-candy{border-radius:10px}.chip.chip-skin-candy.p0{background:linear-gradient(#b0f0ff,#60d0ff,#30a8e0);box-shadow:0 3px #2088b0,0 4px 6px #0003,inset 0 2px #ffffff80}.chip.chip-skin-candy.p1{background:linear-gradient(#ffb0d0,#ff6898,#e04878);box-shadow:0 3px #b83060,0 4px 6px #0003,inset 0 2px #ffffff80}.chip.chip-skin-pixel{image-rendering:pixelated;border-radius:0!important}.chip.chip-skin-pixel.p0{background:#4a9eff;box-shadow:3px 3px #2060a0,-1px -1px #80c0ff}.chip.chip-skin-pixel.p1{background:#ff6066;box-shadow:3px 3px #a03040,-1px -1px #ff9098}.chip.chip-skin-glow.p0{background:var(--p1);box-shadow:0 0 6px var(--p1-glow), 0 0 14px var(--p1-glow), 0 0 28px #4a9eff1a, inset 0 0 4px #fff3}.chip.chip-skin-glow.p1{background:var(--p2);box-shadow:0 0 6px var(--p2-glow), 0 0 14px var(--p2-glow), 0 0 28px #ff60661a, inset 0 0 4px #fff3}
