@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg:#0c0c12;--bg2:#141420;--surface:#1a1a2a;--surface2:#252538;--surface3:#32324a;--ink:#eae8f2;--ink2:#a8a4b8;--ink3:#6e6a82;--accent:#3bb8a8;--accent2:#2ea898;--accent-glow:#3bb8a840;--p1:#4a9eff;--p1-light:#72b8ff;--p1-glow:#4a9eff59;--p2:#ff6066;--p2-light:#ff8a8e;--p2-glow:#ff606659;--gold:#ffc145;--gold-glow:#ffc14559;--green:#3dd68c;--green-glow:#3dd68c4d;--purple:#9b59b6;--coral:#f0654a;--silver:silver;--bronze:#cd7f32;--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}::selection{color:#fff;background:#3bb8a840}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);font-family:Outfit,system-ui,sans-serif;font-size:15px;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(50% 30% at 20% 10%,#4a9eff0f,#0000 60%),radial-gradient(40% 40% at 80% 90%,#3bb8a80d,#0000 60%),radial-gradient(30% 30%,#ffbe3008,#0000 60%);animation:20s ease-in-out infinite alternate bgDrift;position:fixed;inset:0}@keyframes bgDrift{0%{transform:scale(1)translate(0)}33%{transform:scale(1.05)translate(-2%,1%)}66%{transform:scale(.98)translate(1%,-1%)}to{transform:scale(1.02)translate(-1%,2%)}}.app{z-index:1;flex-direction:column;max-width:1440px;min-height:100dvh;margin:0 auto;padding:20px 40px 80px;display:flex;position:relative}.app>main,.app>.app-content{flex:1}.site-header{z-index:100;background:var(--bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--surface2);animation:fadeDown .4s var(--ease-smooth);margin:0 -32px;padding:0 32px;position:sticky;top:0}@supports (color:color-mix(in srgb, red, blue)){.site-header{background:color-mix(in srgb, var(--bg) 88%, transparent)}}.site-header-inner{justify-content:space-between;align-items:center;max-width:1440px;height:56px;margin:0 auto;display:flex}.site-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.beta-badge{text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);white-space:nowrap;-webkit-text-fill-color:var(--gold);background:#ffc1451f;border:1px solid #ffc14533;border-radius:4px;padding:2px 6px;font-family:Outfit,sans-serif;font-size:8px;font-weight:700;line-height:1}.site-nav-desktop{align-items:center;gap:2px;display:flex}.site-nav-desktop button{color:var(--ink3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.site-nav-desktop button:hover{color:var(--ink);background:#ffffff0a}.site-nav-desktop button.active{color:#fff;background:var(--accent);box-shadow:0 2px 12px var(--accent-glow);font-weight:600}.site-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.lang-btn{cursor:pointer;background:var(--surface2);color:var(--ink3);border:1px solid #0000;border-radius:4px;padding:4px 10px;font-family:Outfit,sans-serif;font-size:10px;font-weight:600;transition:all .2s}.lang-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.header-auth{position:relative}.header-auth-user{border:1px solid var(--surface3);background:var(--surface2);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-family:Outfit,sans-serif;transition:all .2s;display:flex}.header-auth-user:hover{border-color:var(--accent);background:var(--surface)}.header-avatar{background:linear-gradient(135deg, var(--p1), #9b59b6);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.header-username{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:12px;font-weight:500;overflow:hidden}.header-rating{color:var(--gold);font-size:10px;font-weight:600}.header-login-btn{border:1px solid var(--surface3);cursor:pointer;color:var(--ink2);background:0 0;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-family:Outfit,sans-serif;font-size:12px;font-weight:500;transition:all .2s;display:flex}.header-login-btn:hover{border-color:var(--accent);color:var(--ink)}.header-auth-dropdown{background:var(--surface);border:1px solid var(--surface3);z-index:200;border-radius:12px;min-width:240px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 12px 40px #00000080}.header-auth-item{width:100%;color:var(--ink2);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-family:Outfit,sans-serif;font-size:13px;transition:background .15s;display:flex}.header-auth-item:hover{background:var(--surface2)}.header-auth-input{border:1px solid var(--surface3);background:var(--bg);width:100%;color:var(--ink);box-sizing:border-box;border-radius:8px;outline:none;margin-bottom:8px;padding:8px 12px;font-family:Outfit,sans-serif;font-size:13px}.header-auth-input:focus{border-color:var(--accent)}.mobile-burger{color:var(--ink2);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;display:none}.nav-more{position:relative}.nav-more>button{align-items:center;display:inline-flex}.nav-more-menu{z-index:200;padding-top:8px;display:none;position:absolute;top:100%;right:0}.nav-more-menu>div{background:var(--surface);border:1px solid var(--surface3);border-radius:12px;min-width:200px;padding:6px;box-shadow:0 12px 40px #00000080}.nav-more:hover .nav-more-menu,.nav-more:focus-within .nav-more-menu{display:block}.nav-more-menu button{width:100%;color:var(--ink2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;padding:9px 14px;font-family:Outfit,sans-serif;font-size:13px;transition:all .15s;display:flex}.nav-more-menu button:hover{background:var(--surface2);color:var(--ink)}.nav-more-menu button.active{color:var(--accent);box-shadow:none;background:0 0;font-weight:600}.nav-more-divider{background:var(--surface2);height:1px;margin:4px 8px}.nav-more-row{flex-wrap:wrap;align-items:center;gap:4px;padding:6px 14px;display:flex}.nav-more-theme{cursor:pointer;background:var(--surface2);color:var(--ink3);border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-family:Outfit,sans-serif;font-size:12px;transition:all .15s;display:flex}.nav-more-theme.active{background:var(--accent);color:#fff}.nav-more-theme:hover{background:var(--surface3)}.nav-more-theme.active:hover{background:var(--accent)}.site-nav-mobile{border-top:1px solid var(--surface2);padding:8px 0 12px;display:none}.site-nav-mobile button{text-align:left;width:100%;color:var(--ink3);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-family:Outfit,sans-serif;font-size:14px;transition:all .15s;display:block}.site-nav-mobile button:hover{background:var(--surface2);color:var(--ink)}.site-nav-mobile button.active{color:var(--accent);font-weight:600}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.site-content{flex:1;padding:24px 0}.site-footer{border-top:1px solid var(--surface2);margin-top:56px;padding:24px 0 16px}.site-footer-inner{color:var(--ink3);justify-content:space-between;align-items:center;font-size:11px;display:flex}.site-footer-brand{align-items:center;gap:8px;display:flex}.site-footer-divider{background:var(--surface3);width:1px;height:12px;display:inline-block}.site-footer-links{align-items:center;gap:8px;display:flex}.site-footer-links a{color:var(--ink3);text-decoration:none;transition:color .2s}.site-footer-links a:hover{color:var(--ink)}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}@media (width<=1024px){.app{max-width:900px;padding:16px 20px 60px}}@media (width<=900px){.app{padding:12px 16px 60px}.l-hero-title{font-size:34px}.dash-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.site-header{margin:0 -10px;padding:0 10px}.site-nav-desktop{display:none}.mobile-burger,.site-nav-mobile{display:block}.site-footer-inner{text-align:center;flex-direction:column;gap:8px}.site-footer-brand{justify-content:center}.l-hero-title{font-size:28px}.l-hero-sub{padding:0 8px;font-size:13px}.l-section{padding:32px 0 24px}.l-title{font-size:20px}}@media (width<=480px){.app{padding:8px 8px 60px}.site-header{margin:0 -8px;padding:0 8px}}@media (width>=769px){.site-nav-mobile{display:none!important}}.skip-link{z-index:9999;background:var(--accent);color:#fff;border-radius:0 0 8px 8px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:16px}.skip-link:focus{top:0}.stand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=text],input[type=password],input[type=email],input[type=number],textarea{border:1px solid var(--surface3);background:var(--surface);color:var(--ink);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 14px;font-family:Outfit,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}input::placeholder,textarea::placeholder{color:var(--ink3)}select{border:1px solid var(--surface3);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236a6a8a' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--ink);cursor:pointer;appearance:none;border-radius:8px;outline:none;padding:8px 28px 8px 12px;font-family:Outfit,sans-serif;font-size:13px;transition:border-color .2s,box-shadow .2s}select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}select:hover{border-color:var(--ink3)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink3)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*,:before,:after{-webkit-tap-highlight-color:transparent}::selection{background:color-mix(in srgb, var(--accent) 20%, transparent)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.game-settings{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:16px;display:flex}.game-settings label{color:var(--ink2);align-items:center;gap:6px;font-size:13px;font-weight:400;display:flex}.game-settings select{border:1px solid var(--surface3);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;padding:6px 12px;font-family:Outfit,sans-serif;font-size:13px;transition:border-color .2s}.game-settings select:focus{border-color:var(--accent);outline:none}[data-theme=neon]{--bg:#05050a;--bg2:#0a0a18;--surface:#0f0f22;--surface2:#181835;--surface3:#222250;--purple:#bf40ff;--coral:#ff4060;--ink:#f0e8ff;--ink2:#b8a8e8;--ink3:#7868aa;--accent:#f0f;--accent2:#c0c;--accent-glow:#ff00ff4d;--p1:#00e5ff;--p1-light:#60f0ff;--p1-glow:#00e5ff66;--p2:#ff3090;--p2-light:#ff70b0;--p2-glow:#ff309066;--gold:#ffe040;--gold-glow:#ffe04066;--green:#39ff14;--green-glow:#39ff1466;--silver:#d0d0e0;--bronze:#e0a030}[data-theme=wood]{--bg:#2c1e0f;--bg2:#3a2815;--surface:#4a3520;--surface2:#5d4530;--surface3:#705840;--purple:#8e6aad;--coral:#c86040;--ink:#f5e8d0;--ink2:#c8b89a;--ink3:#9a876a;--accent:#d4803a;--accent2:#b86a28;--accent-glow:#d4803a40;--p1:#f0ece0;--p1-light:#fff;--p1-glow:#f0f0e84d;--p2:#2a2018;--p2-light:#4a3828;--p2-glow:#2a20184d;--gold:#daa520;--gold-glow:#daa52059;--green:#6ab04c;--green-glow:#6ab04c4d;--silver:#b8a890;--bronze:#a07838}[data-theme=wood] .board{background:repeating-linear-gradient(178deg,#5a37141f 0,#0000 1px 6px,#462a0f14 7px),repeating-linear-gradient(176deg,#6e461e0f 0,#0000 2px 10px,#5030120d 12px),radial-gradient(#4a3520 0%,#3a2815 100%);border-color:#6a5030;box-shadow:inset 0 2px 8px #0000004d,0 4px 20px #0006}[data-theme=wood] .stand{background:repeating-linear-gradient(#64411926 0,#0000 1px 4px,#5032141a 5px),linear-gradient(#5a4228 0%,#4a3520 100%);border-color:#a0784659;box-shadow:inset 0 1px #ffc8640f,inset 0 -2px 4px #0003}[data-theme=wood] .stand.golden{background:repeating-linear-gradient(#b482281f 0,#0000 1px 4px,#96641e14 5px),linear-gradient(#6a5228 0%,#5a4220 100%);border-color:#daa52066}[data-theme=wood] .chip.p0{background:linear-gradient(135deg,#f0ece0,#d8d0c0);box-shadow:0 1px 2px #0000004d,inset 0 1px #fff6}[data-theme=wood] .chip.p1{background:linear-gradient(135deg,#3a2818,#1a1008);box-shadow:0 1px 2px #0006,inset 0 1px #ffffff14}[data-theme=wood] .btn{background:linear-gradient(#5a4228,#4a3520);border-color:#a0784640}[data-theme=wood] .btn:hover{background:linear-gradient(#6a5238,#5a4228)}[data-theme=wood] .dash-card{background:repeating-linear-gradient(178deg, #5032140f 0px, transparent 1px, transparent 8px, #3c260f0a 9px), var(--surface);border-color:#64462333}[data-theme=wood] .nav-more-menu>div{background:#4a3520;border-color:#6446234d}[data-theme=wood] .game-result{background:repeating-linear-gradient(176deg, #50321414 0px, transparent 1px, transparent 6px), var(--surface)}@media (width<=680px){.lessons-content{flex-direction:column!important}.lessons-content .lessons-text{border-bottom:1px solid var(--surface2);max-height:200px;border-right:none!important;width:auto!important}.review-content{flex-direction:column-reverse!important}.review-sidebar{border-bottom:1px solid var(--surface2);max-height:200px;border-left:none!important;width:auto!important}.arena-content{flex-direction:column!important}.arena-sidebar{border-top:1px solid var(--surface2);max-height:250px;border-left:none!important;width:auto!important}}@media (width<=480px){.header-username,.header-rating{display:none}.header-auth-user{border-radius:50%;padding:2px}.header-login-btn span{display:none}.header-login-btn{padding:5px 8px}}.native-app{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100dvh;max-width:none!important;padding:0!important}.native-app .site-content{padding-top:env(safe-area-inset-top,6px);padding-bottom:calc(52px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex-direction:column;height:100dvh;display:flex;overflow:hidden auto;transform:translateZ(0)}.native-app .site-header,.native-app .site-footer{display:none!important}.profile-stats-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;margin-bottom:16px;display:grid}@media (width<=480px){.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.mascot{filter:drop-shadow(0 4px 12px #0000004d);transition:transform .3s}.mascot-bounce{animation:3s ease-in-out infinite mascotBounce}.mascot:hover{transform:scale(1.05)rotate(2deg)}@keyframes mascotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mascot-enter{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards mascotEnter}@keyframes mascotEnter{0%{opacity:0;transform:scale(.3)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.02)}}@keyframes emojiFloat{0%{opacity:1;transform:translate(-50%)scale(1)translateY(0)}to{opacity:0;transform:translate(-50%)scale(1.5)translateY(-80px)}}[data-theme=minimal]{--bg:#f5f5f7;--bg2:#eeeef0;--surface:#fff;--surface2:#e5e5ea;--surface3:#c7c7cc;--purple:#af52de;--coral:#ff6259;--ink:#1d1d1f;--ink2:#515154;--ink3:#86868b;--accent:#0071e3;--accent2:#0060c0;--accent-glow:#0071e326;--p1:#007aff;--p1-light:#409cff;--p1-glow:#007aff33;--p2:#ff3b30;--p2-light:#ff6961;--p2-glow:#ff3b3033;--gold:#ff9500;--gold-glow:#ff950033;--green:#34c759;--green-glow:#34c75933;--silver:#8e8e93;--bronze:#a2845e}[data-theme=minimal] body:before{display:none}[data-theme=minimal] .site-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom-color:var(--surface2);background:#f5f5f7d9}[data-theme=minimal] .site-footer{border-top-color:var(--surface2)}[data-theme=minimal] .site-nav-desktop button.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}[data-theme=minimal] .nav-more-menu{border-color:var(--surface2);background:#fff;box-shadow:0 8px 30px #0000001f}[data-theme=minimal] .nav-more-menu button.active{color:var(--accent);box-shadow:none;background:0 0}[data-theme=minimal] .header-auth-dropdown{border-color:var(--surface2);background:#fff;box-shadow:0 8px 30px #0000001f}[data-theme=minimal] .header-auth-input{background:var(--bg);border-color:var(--surface2)}[data-theme=minimal] .stand{border-color:var(--surface2);background:var(--bg);border-radius:6px}[data-theme=minimal] .board{background:var(--surface);border-color:var(--surface2)}[data-theme=minimal] .chip{border-radius:3px}[data-theme=minimal] .btn{border-color:var(--surface2);color:var(--ink2);background:var(--surface)}[data-theme=minimal] .btn:hover{border-color:var(--surface3);color:var(--ink)}[data-theme=minimal] .btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=minimal] .dash-card,[data-theme=minimal] .game-result{background:var(--surface);border-color:var(--surface2)}[data-theme=minimal] .l-faq-item,[data-theme=minimal] .l-qa-row{border-color:var(--surface2)}[data-theme=minimal] .l-final{border-top-color:var(--surface2)}[data-theme=minimal] .setting-row{border-color:#0000000a}[data-theme=minimal] .segment-control{background:var(--surface2)}[data-theme=minimal] .segment-control button.active{background:var(--surface);box-shadow:0 1px 3px #0000001a}[data-theme=minimal] .toggle{background:var(--surface3)}[data-theme=minimal] .toggle.on{background:var(--accent)}[data-theme=minimal] ::selection{background:#0071e326}[data-theme=minimal] ::-webkit-scrollbar-thumb{background:silver}[data-theme=minimal] .beta-badge{background:var(--accent);color:#fff}[data-theme=minimal] .lang-btn{background:var(--surface2);color:var(--ink3)}[data-theme=minimal] .lang-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=minimal] .header-auth-user{background:var(--surface2);border-color:var(--surface3)}[data-theme=minimal] .l-hero-glow,[data-theme=minimal] .l-cta-glow,[data-theme=minimal] .l-final-glow{display:none}[data-theme=ocean]{--bg:#0a1628;--bg2:#0e1f36;--surface:#132840;--surface2:#1a3652;--surface3:#234668;--purple:#7c4dff;--coral:#ff7043;--ink:#dce8f5;--ink2:#8eacc8;--ink3:#5a7d9e;--accent:#00bcd4;--accent2:#0097a7;--accent-glow:#00bcd440;--p1:#4fc3f7;--p1-light:#81d4fa;--p1-glow:#4fc3f759;--p2:#ef5350;--p2-light:#ef9a9a;--p2-glow:#ef53504d;--gold:#ffd54f;--gold-glow:#ffd54f4d;--green:#4db6ac;--green-glow:#4db6ac4d}[data-theme=ocean] body:before{background:radial-gradient(at 20% 80%,#00bcd414,#0000 50%),radial-gradient(at 80% 20%,#4fc3f70d,#0000 50%)}[data-theme=ocean] .board{background:linear-gradient(180deg, var(--surface), var(--bg));border-color:#00bcd426}[data-theme=ocean] .stand{background:linear-gradient(180deg, var(--surface), var(--bg2));border-color:#00bcd41a}[data-theme=ocean] .stand.golden{border-color:#ffd54f66;box-shadow:0 0 12px #ffd54f26}[data-theme=ocean] .btn.primary{background:linear-gradient(135deg,#00bcd4,#0097a7);border-color:#0097a7}[data-theme=ocean] .dash-card{background:linear-gradient(180deg, var(--surface), var(--bg));border-color:var(--surface2)}[data-theme=ocean] .game-result{background:linear-gradient(180deg, var(--surface), var(--bg))}[data-theme=ocean] .chip.p0{box-shadow:0 2px 6px var(--p1-glow), inset 0 1px 0 #fff3}[data-theme=ocean] .chip.p1{box-shadow:0 2px 6px var(--p2-glow), inset 0 1px 0 #ffffff26}[data-theme=ocean] .nav-more-menu{background:linear-gradient(180deg, var(--surface), var(--bg));border-color:#00bcd41f}[data-theme=ocean] ::selection{background:#00bcd433}[data-theme=sunset]{--bg:#1a0e1e;--bg2:#241428;--surface:#2e1a32;--surface2:#3d2442;--surface3:#4e3055;--purple:#ce93d8;--coral:#ff7043;--ink:#f5e0ef;--ink2:#c8a0b8;--ink3:#9a6880;--accent:#ff7043;--accent2:#f4511e;--accent-glow:#ff704340;--p1:#ffa726;--p1-light:#ffcc80;--p1-glow:#ffa72659;--p2:#ab47bc;--p2-light:#ce93d8;--p2-glow:#ab47bc59;--gold:#ffab40;--gold-glow:#ffab4059;--green:#66bb6a;--green-glow:#66bb6a4d}[data-theme=sunset] body:before{background:radial-gradient(at 30% 90%,#ff70431a,#0000 50%),radial-gradient(at 70% 10%,#ab47bc0f,#0000 50%),radial-gradient(#ffa7260a,#0000 60%)}[data-theme=sunset] .board{background:linear-gradient(180deg, var(--surface), #1a0e1ee6);border-color:#ff70431f}[data-theme=sunset] .stand{border-color:#ff704314}[data-theme=sunset] .stand.golden{border-color:#ffab4080;box-shadow:0 0 16px #ffab4033,0 0 4px #ffab4066}[data-theme=sunset] .btn.primary{background:linear-gradient(135deg,#ff7043,#f4511e);border-color:#f4511e}[data-theme=sunset] .chip.p0{box-shadow:0 2px 8px var(--p1-glow), inset 0 1px 0 #fff3}[data-theme=sunset] .chip.p1{box-shadow:0 2px 8px var(--p2-glow), inset 0 1px 0 #ffffff26}[data-theme=sunset] .dash-card{border-color:#ff70431a}[data-theme=sunset] .nav-more-menu{border-color:#ff70431f}[data-theme=sunset] .scoreboard{text-shadow:0 0 8px #ff70431a}[data-theme=sunset] ::selection{background:#ff704333}[data-theme=forest]{--bg:#0c1a0f;--bg2:#122018;--surface:#1a2e1f;--surface2:#243d2a;--surface3:#305038;--purple:#9575cd;--coral:#e57373;--ink:#d8edda;--ink2:#96b89a;--ink3:#5e8064;--accent:#4caf50;--accent2:#388e3c;--accent-glow:#4caf5040;--p1:#81c784;--p1-light:#a5d6a7;--p1-glow:#81c7844d;--p2:#e57373;--p2-light:#ef9a9a;--p2-glow:#e573734d;--gold:#ffd54f;--gold-glow:#ffd54f4d;--green:#66bb6a;--green-glow:#66bb6a4d}[data-theme=forest] body:before{background:radial-gradient(at 10% 90%,#4caf5012,#0000 50%),radial-gradient(at 90% 30%,#81c7840a,#0000 50%)}[data-theme=forest] .board{border-color:#4caf501f}[data-theme=forest] .stand{background:linear-gradient(180deg, var(--surface), #0c1a0fcc);border-color:#4caf5014}[data-theme=forest] .stand.golden{border-color:#ffd54f66;box-shadow:0 0 12px #ffd54f26}[data-theme=forest] .btn.primary{background:linear-gradient(135deg,#4caf50,#388e3c);border-color:#388e3c}[data-theme=forest] .chip.p0{box-shadow:0 2px 6px var(--p1-glow)}[data-theme=forest] .dash-card{border-color:#4caf5014}[data-theme=forest] .nav-more-menu{background:linear-gradient(180deg, var(--surface), var(--bg));border-color:#4caf501a}[data-theme=forest] ::selection{background:#4caf5033}[data-theme=royal]{--bg:#0e0a18;--bg2:#161028;--surface:#1e1638;--surface2:#2a2048;--surface3:#382c5a;--purple:#ce93d8;--coral:#ef5350;--ink:#e8ddf5;--ink2:#b0a0c8;--ink3:#7a6890;--accent:#9c27b0;--accent2:#7b1fa2;--accent-glow:#9c27b04d;--p1:#ce93d8;--p1-light:#e1bee7;--p1-glow:#ce93d859;--p2:#ef5350;--p2-light:#ef9a9a;--p2-glow:#ef53504d;--gold:#ffd740;--gold-glow:#ffd74059;--green:#69f0ae;--green-glow:#69f0ae4d}[data-theme=royal] body:before{background:radial-gradient(at 50% 0,#9c27b01a,#0000 50%),radial-gradient(at 20% 100%,#7b1fa20f,#0000 50%),radial-gradient(at 80% 60%,#ce93d808,#0000 40%)}[data-theme=royal] .board{background:linear-gradient(180deg, var(--surface), var(--bg));border-color:#9c27b026}[data-theme=royal] .stand{border-color:#9c27b01a}[data-theme=royal] .stand.golden{border-color:#ffd74080;box-shadow:0 0 16px #ffd74033,inset 0 0 6px #ffd7401a}[data-theme=royal] .btn.primary{background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-color:#7b1fa2;box-shadow:0 2px 12px #9c27b04d}[data-theme=royal] .chip.p0{box-shadow:0 2px 8px var(--p1-glow), inset 0 1px 0 #fff3}[data-theme=royal] .chip.p1{box-shadow:0 2px 8px var(--p2-glow)}[data-theme=royal] .dash-card{border-color:#9c27b01a}[data-theme=royal] .nav-more-menu{background:linear-gradient(180deg, var(--surface), var(--bg));border-color:#9c27b026;box-shadow:0 8px 32px #9c27b01f}[data-theme=royal] .score-num{text-shadow:0 0 12px}[data-theme=royal] ::selection{background:#9c27b033}[data-theme=sakura]{--bg:#1a0e14;--bg2:#24121c;--surface:#2e1824;--surface2:#3e2234;--surface3:#502e44;--purple:#f48fb1;--coral:#ff8a80;--ink:#fce4ec;--ink2:#d4a0b0;--ink3:#a06a80;--accent:#f06292;--accent2:#ec407a;--accent-glow:#f0629240;--p1:#f48fb1;--p1-light:#f8bbd0;--p1-glow:#f48fb159;--p2:#4fc3f7;--p2-light:#81d4fa;--p2-glow:#4fc3f74d;--gold:#ffe082;--gold-glow:#ffe0824d;--green:#a5d6a7;--green-glow:#a5d6a74d}[data-theme=sakura] body:before{background:radial-gradient(at 30% 70%,#f0629214,#0000 50%),radial-gradient(at 70% 20%,#f48fb10d,#0000 50%),radial-gradient(at 50% 100%,#ec407a0a,#0000 40%)}[data-theme=sakura] .board{border-color:#f062921f}[data-theme=sakura] .stand{background:linear-gradient(180deg, var(--surface), #1a0e14cc);border-color:#f0629214}[data-theme=sakura] .stand.golden{border-color:#ffe08266;box-shadow:0 0 12px #ffe08226}[data-theme=sakura] .btn.primary{background:linear-gradient(135deg,#f06292,#ec407a);border-color:#ec407a;box-shadow:0 2px 10px #f0629240}[data-theme=sakura] .chip.p0{box-shadow:0 2px 8px var(--p1-glow), inset 0 1px 0 #fff3}[data-theme=sakura] .chip.p1{box-shadow:0 2px 8px var(--p2-glow)}[data-theme=sakura] .dash-card{border-color:#f0629214}[data-theme=sakura] .nav-more-menu{background:linear-gradient(180deg, var(--surface), var(--bg));border-color:#f062921f}[data-theme=sakura] .score-num.p0{text-shadow:0 0 8px #f48fb14d}[data-theme=sakura] ::selection{background:#f0629233}[data-theme=neon]{--bg:#05050a;--bg2:#0a0a18;--surface:#0f0f22;--surface2:#181835;--surface3:#222250;--purple:#e040ff;--coral:#ff4060;--ink:#e8e0ff;--ink2:#a898c8;--ink3:#6858a0;--accent:#f0f;--accent2:#d500f9;--accent-glow:#ff00ff4d;--p1:#00e5ff;--p1-light:#80d8ff;--p1-glow:#00e5ff66;--p2:#ff3090;--p2-light:#ff80ab;--p2-glow:#ff309066;--gold:#ffea00;--gold-glow:#ffea0066;--green:#76ff03;--green-glow:#76ff034d}[data-theme=neon] body:before{background:radial-gradient(at 20% 80%,#ff00ff0f,#0000 40%),radial-gradient(at 80% 20%,#00e5ff0d,#0000 40%),radial-gradient(#ff309008,#0000 50%)}[data-theme=neon] .board{border:1px solid #ff00ff26;box-shadow:0 0 20px #ff00ff0d,inset 0 0 20px #00e5ff05}[data-theme=neon] .stand{border-color:#ff00ff1a;box-shadow:0 0 6px #ff00ff0d}[data-theme=neon] .stand.golden{border-color:#ffea0080;box-shadow:0 0 16px #ffea004d,0 0 4px #ffea0099}[data-theme=neon] .chip.p0{box-shadow:0 0 6px var(--p1-glow), 0 0 12px #00e5ff26}[data-theme=neon] .chip.p1{box-shadow:0 0 6px var(--p2-glow), 0 0 12px #ff309026}[data-theme=neon] .btn.primary{text-shadow:0 0 4px #ff00ff80;background:linear-gradient(135deg,#f0f,#d500f9);border-color:#d500f9;box-shadow:0 0 12px #ff00ff4d}[data-theme=neon] .btn{border-color:#ff00ff26}[data-theme=neon] .btn:hover{box-shadow:0 0 8px #ff00ff26}[data-theme=neon] .dash-card{border-color:#ff00ff1a;box-shadow:0 0 8px #ff00ff0d}[data-theme=neon] .nav-more-menu{background:#0a0a18f2;border:1px solid #ff00ff26;box-shadow:0 0 20px #ff00ff1a}[data-theme=neon] .score-num{text-shadow:0 0 12px,0 0 4px}[data-theme=neon] .game-info{text-shadow:0 0 6px var(--accent-glow)}[data-theme=neon] ::selection{background:#ff00ff40}[data-theme=wood]{--bg:#2c1e0f;--bg2:#3a2815;--surface:#4a3520;--surface2:#5d4530;--surface3:#705840;--purple:#8a6a4a;--coral:#c07040;--ink:#f0ece0;--ink2:#c0b090;--ink3:#907860;--accent:#d4803a;--accent2:#c06a20;--accent-glow:#d4803a4d;--p1:#f0ece0;--p1-light:#fff8f0;--p1-glow:#f0ece033;--p2:#2a2018;--p2-light:#4a3828;--p2-glow:#2a201833;--gold:#ffc040;--gold-glow:#ffc04059;--green:#6a9848;--green-glow:#6a98484d}[data-theme=wood] body:before{background:radial-gradient(at 50% 0,#d4803a0f,#0000 50%),radial-gradient(at 50% 100%,#6a98480a,#0000 50%)}[data-theme=wood] .board{background:linear-gradient(#3a2815,#2c1e0f);border-color:#d4803a26;border-radius:4px}[data-theme=wood] .stand{background:linear-gradient(#5d4530,#4a3520);border-color:#d4803a1f;border-radius:3px 3px 0 0}[data-theme=wood] .stand.golden{border-color:#ffc04080;box-shadow:0 0 12px #ffc04033}[data-theme=wood] .chip{border-radius:4px}[data-theme=wood] .chip.p0{background:linear-gradient(#fff8f0,#f0ece0,#e0d8c8);border:1px solid #0000001a}[data-theme=wood] .chip.p1{background:linear-gradient(#4a3828,#2a2018,#1a1008);border:1px solid #ffffff0d}[data-theme=wood] .btn{border-color:#d4803a33;border-radius:4px}[data-theme=wood] .btn.primary{background:linear-gradient(135deg,#d4803a,#c06a20);border-color:#c06a20}[data-theme=wood] .dash-card{background:var(--surface);border-color:#d4803a1f;border-radius:4px}[data-theme=wood] .nav-more-menu{background:var(--surface);border-color:#d4803a26;border-radius:4px}[data-theme=wood] .game-result{border-radius:4px}[data-theme=wood] .score-sep{color:var(--ink3)}[data-theme=wood] ::selection{background:#d4803a33}[data-theme=arctic]{--bg:#0a1520;--bg2:#0e1c2c;--surface:#122436;--surface2:#1a3248;--surface3:#24425a;--purple:#80d8ff;--coral:#ff8a80;--ink:#d0e8ff;--ink2:#88b8e0;--ink3:#5888b0;--accent:#40c4ff;--accent2:#00b0ff;--accent-glow:#40c4ff40;--p1:#80d8ff;--p1-light:#b3e5fc;--p1-glow:#80d8ff59;--p2:#ff8a80;--p2-light:#ffab91;--p2-glow:#ff8a804d;--gold:#ffe082;--gold-glow:#ffe0824d;--green:#69f0ae;--green-glow:#69f0ae4d}[data-theme=arctic] body:before{background:radial-gradient(at 40% 20%,#40c4ff14,#0000 50%),radial-gradient(at 70% 80%,#80d8ff0d,#0000 50%),radial-gradient(at 10% 60%,#00b0ff08,#0000 40%)}[data-theme=arctic] .board{background:linear-gradient(180deg, var(--surface), var(--bg));border-color:#40c4ff26}[data-theme=arctic] .stand{background:linear-gradient(#122436e6,#0a1520cc);border-color:#40c4ff1a}[data-theme=arctic] .stand.golden{border-color:#ffe08273;box-shadow:0 0 14px #ffe08233}[data-theme=arctic] .chip.p0{box-shadow:0 0 6px var(--p1-glow), 0 2px 4px #0000004d}[data-theme=arctic] .chip.p1{box-shadow:0 0 4px var(--p2-glow), 0 2px 4px #0000004d}[data-theme=arctic] .btn.primary{background:linear-gradient(135deg,#40c4ff,#00b0ff);border-color:#00b0ff;box-shadow:0 2px 10px #40c4ff33}[data-theme=arctic] .btn{border-color:#40c4ff1f}[data-theme=arctic] .dash-card{border-color:#40c4ff14}[data-theme=arctic] .nav-more-menu{background:linear-gradient(180deg, var(--surface), var(--bg));border-color:#40c4ff1f}[data-theme=arctic] ::selection{background:#40c4ff33}[data-theme=retro]{--bg:#0a0a00;--bg2:#141400;--surface:#1a1a06;--surface2:#28280e;--surface3:#363616;--purple:#ffab40;--coral:#ff6e40;--ink:#c8e6a0;--ink2:#8aac60;--ink3:#5a7838;--accent:#76ff03;--accent2:#64dd17;--accent-glow:#76ff0333;--p1:#76ff03;--p1-light:#b2ff59;--p1-glow:#76ff0359;--p2:#ff6e40;--p2-light:#ff9e80;--p2-glow:#ff6e4059;--gold:#ffd740;--gold-glow:#ffd7404d;--green:#69f0ae;--green-glow:#69f0ae4d}[data-theme=retro] body:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#76ff0304 2px 4px)}[data-theme=retro] .board{border:1px solid #76ff0326;border-radius:2px}[data-theme=retro] .stand{background:linear-gradient(180deg, var(--surface), var(--bg));border-color:#76ff031a;border-radius:2px 2px 0 0}[data-theme=retro] .stand.golden{border-color:#ffd74080;box-shadow:0 0 8px #ffd74033}[data-theme=retro] .chip{border-radius:1px!important}[data-theme=retro] .chip.p0{box-shadow:0 0 4px var(--p1-glow)}[data-theme=retro] .chip.p1{box-shadow:0 0 4px var(--p2-glow)}[data-theme=retro] .btn{border-color:#76ff0326;border-radius:2px;font-family:monospace}[data-theme=retro] .btn.primary{color:#0a0a00;background:linear-gradient(135deg,#76ff03,#64dd17);border-color:#64dd17;box-shadow:0 0 8px #76ff0333}[data-theme=retro] .dash-card{border-color:#76ff031a;border-radius:2px}[data-theme=retro] .nav-more-menu{background:#0a0a00f2;border:1px solid #76ff031f;border-radius:2px}[data-theme=retro] .score-num{text-shadow:0 0 6px;font-family:monospace}[data-theme=retro] .game-info{text-shadow:0 0 4px var(--accent-glow);font-family:monospace}.native-app body:before,.native-app:before,body.native-body:before{display:none!important}body.native-body{animation:none!important}.native-app *,.native-app :before,.native-app :after{-webkit-backdrop-filter:none!important}.native-app :not(.chip){box-shadow:none!important}.native-app .stand.golden{animation:none!important}.native-app .score-num.p0,.native-app .score-num.p1{text-shadow:none!important;animation:none!important}.native-app *{transition-duration:80ms!important}.native-tabs{z-index:100;height:52px;padding-bottom:env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid #ffffff14;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0)}.native-tab{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:4px 0;display:flex}.native-tab-icon{opacity:.35;width:22px;height:22px;color:var(--ink);justify-content:center;align-items:center;display:flex}.native-tab-icon svg{width:100%;height:100%}.native-tab-label{color:var(--ink3);letter-spacing:.02em;font-size:10px;font-weight:500}.native-tab.active .native-tab-icon{opacity:1;color:var(--accent)}.native-tab.active .native-tab-label{color:var(--accent);font-weight:700}.native-tab:active{opacity:.6}.native-app .game-settings{display:none}.native-game-wrapper{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.native-app .game-container{padding:0}.native-app .board{border-left:none;border-right:none;border-radius:0;flex:1;align-items:stretch;gap:clamp(1px,.5vw,4px);min-height:160px;max-height:clamp(220px,40vh,400px);margin:0 0 2px;padding:10px 4px 22px}.native-app .stand{border-radius:8px 8px 0 0;flex:1;width:auto;max-width:none;min-height:120px;margin-bottom:10px;padding:4px 2px 3px}.native-app .chip{border-radius:5px;width:calc(100% - 4px);max-width:clamp(22px,7vw,40px);height:clamp(9px,1.8vh,16px);margin:1px 0;box-shadow:none!important}.native-app .chip.p0{border:1px solid #4a9eff66}.native-app .chip.p1{border:1px solid #ff606666}.native-app .stand-label{font-size:clamp(8px,2.2vw,11px);top:-16px}.native-app .stand-owner{font-size:9px}.native-app .scoreboard{gap:24px;margin-bottom:0;padding:6px 0 0}.native-app .score-num{font-size:36px}.native-app .score-num.p0{color:#6db4ff}.native-app .score-num.p1{color:#f88}.native-app .score-label{letter-spacing:1.5px;font-size:9px}.native-app .score-sep{opacity:.3;padding-bottom:8px;font-size:18px}.native-app .game-info{min-height:18px;margin-bottom:0;padding:2px 8px;font-size:12px}.native-app .actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:center;gap:8px;margin-bottom:0;padding:4px 12px 6px;display:flex;overflow-x:auto}.native-app .actions::-webkit-scrollbar{display:none}.native-app .actions .btn{white-space:nowrap;border-radius:10px;flex-shrink:0;min-height:44px;padding:10px 16px;font-size:13px;font-weight:600}.native-app .actions .btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);min-width:120px;padding:10px 24px;font-size:15px}.native-app .actions .action-slot{flex-shrink:0;min-width:130px}.native-app .actions .action-slot.primary{min-width:140px}.native-app .stand:active{opacity:.8;transform:scale(.95)!important}.native-app .stand.selected{border-color:var(--accent)!important;background:#4a9eff14!important}.native-app .stand.target:active{background:#3dd68c1a!important}.native-app .settings-page{padding:0}.native-app .settings-title{margin-bottom:16px;font-size:20px}.native-app .settings-section{margin-bottom:20px}.native-app .setting-row{gap:12px;padding:14px 0}.native-app .setting-label{font-size:14px}.native-app .setting-desc{font-size:12px}.native-app .segment-control button{padding:8px 12px;font-size:12px}.native-app .toggle{border-radius:14px;width:48px;height:28px}.native-app .toggle-thumb{width:22px;height:22px}.native-app .toggle.on .toggle-thumb{transform:translate(20px)}.native-app .game-result{z-index:150;padding:0;padding:env(safe-area-inset-top,20px) 20px calc(60px + env(safe-area-inset-bottom)) 20px;background:#0d0d14f5;border-left:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0;overflow-y:auto}.native-app .game-result .btn{border-radius:12px;min-height:48px;padding:14px 20px;font-size:15px}.native-app .game-result .btn.primary{min-width:160px}.native-app .place-controls{padding:4px 12px;font-size:11px}.native-app .hint-panel{border-radius:10px;margin:4px 8px;padding:10px 12px;font-size:12px}.native-app .game-log{display:none}.native-app .dash-card{border-radius:14px;margin:8px 12px;padding:16px}.native-app .dash-card h3{font-size:17px}.native-app .dash-card .btn{border-radius:12px;min-height:48px;padding:14px 0;font-size:15px}.native-app .dash-card input{border-radius:12px;min-height:48px;padding:14px 12px!important;font-size:16px!important}.native-app .puzzle-card{border-radius:14px;padding:14px}.native-app .puzzle-card .btn{border-radius:10px;min-height:44px;padding:12px;font-size:14px}.native-app .profile-card{border-radius:16px;margin:8px 12px}.native-app .profile-stat{font-size:13px}.native-app .profile-tabs{gap:6px!important;margin-bottom:12px!important;padding:0 4px 8px!important}.native-app .profile-tabs .btn{min-height:40px;padding:10px 14px!important;font-size:13px!important}.native-app article{padding:0 12px}.native-app article h1{font-size:22px}.native-app article h2{font-size:18px}.native-app button,.native-app a,.native-app input,.native-app select{-webkit-user-select:none;user-select:none}.native-app input[type=text],.native-app input[type=password],.native-app input:not([type]){border-radius:10px;min-height:44px;padding:12px;font-size:16px!important}.native-app .dash-card,.native-app .puzzle-card,.native-app .profile-card{border:1px solid #ffffff0d}.native-app .dash-card .btn:active,.native-app .m-more-item:active,.native-app .puzzle-card .btn:active{opacity:.6}.native-app .tournament-progress{margin-bottom:4px;padding:6px 12px;font-size:11px}.native-app .session-stats{margin-bottom:2px;font-size:11px}.m-more-page{padding:16px}.m-more-user{background:#ffffff08;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.m-more-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:flex}.m-more-section{color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;padding:16px 0 6px;font-size:11px;font-weight:600}.m-more-item{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:#ffffff05;border:none;border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:14px 12px;font-family:inherit;font-size:15px;display:flex}.m-more-item:active{opacity:.6}.m-more-item svg{opacity:.4;flex-shrink:0}.m-more-item span{flex:1}.m-more-chevron{opacity:.2!important}.m-more-value{color:var(--ink3);font-size:13px;font-weight:500}.m-more-danger svg{stroke:#ff6066}.m-side-indicator{border-radius:50%;flex-shrink:0;width:10px;height:10px}.m-color-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.native-app .confetti-container{opacity:.7}.native-app .confetti:nth-child(n+20){display:none}.native-app .tutorial-modal{padding:12px}.native-app .btn,.native-app button{min-height:44px}.native-app select{min-height:44px;font-size:15px}.native-app .game-controls label{font-size:13px}.native-app .game-controls{gap:6px}@media (width<=380px){.native-app .stand-ghost-from:after,.native-app .stand-ghost-to:after{display:none}}@media (height<=640px){.native-game-wrapper{justify-content:flex-start}}@media (height<=600px) and (orientation:landscape){.native-game-wrapper{justify-content:flex-start}.native-app .board{min-height:auto;max-height:70vh}.native-app .stand{min-height:90px!important}.native-app .scoreboard{padding:2px 0}.native-app .score-num{font-size:24px}.native-app .native-tabs{height:40px}.native-app .native-tab-label{display:none}.native-app .site-content{padding-bottom:calc(40px + env(safe-area-inset-bottom))}}.native-app h2{font-size:20px}.native-app .dash-card h3{line-height:1.3}.profile-tabs::-webkit-scrollbar{display:none}.profile-tabs{scrollbar-width:none}@media (width>=600px){.native-tabs{border-left:1px solid #ffffff14;border-right:1px solid #ffffff14;border-radius:16px 16px 0 0;max-width:480px;margin:0 auto}.native-app .board{border:1px solid #ffffff0f;border-radius:16px;max-width:560px;margin:0 auto}.native-app .stand{max-width:52px}.native-app .game-result .btn{min-width:200px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.m-game-bar{background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:6px 10px;display:flex}.m-game-bar-info{align-items:center;gap:8px;display:flex}.m-diff-badge{color:var(--ink2);align-items:center;gap:3px;font-size:12px;font-weight:600;display:flex}.m-gear-btn{cursor:pointer;background:#ffffff0f;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.m-gear-btn:active{opacity:.6}.m-sheet-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.m-sheet{width:100%;max-width:420px;max-height:80vh;padding:10px 20px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));background:#1a1a28;border-radius:20px 20px 0 0;overflow-y:auto}.m-sheet-handle{background:#ffffff26;border-radius:2px;width:40px;height:4px;margin:0 auto 14px}.m-sheet-title{color:var(--ink);text-align:center;margin-bottom:16px;font-size:16px;font-weight:700}.m-setting-row{margin-bottom:16px}.m-setting-label{color:var(--ink3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.m-setting-row select{width:100%;color:var(--ink);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:15px}.m-difficulty-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.m-diff-opt{color:var(--ink2);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:13px}.m-diff-opt.active{color:var(--accent);background:#4a9eff1f;border-color:#4a9eff4d;font-weight:600}.m-diff-opt:active{opacity:.6}.m-toggle-row .m-setting-label{text-transform:none;color:var(--ink);margin-bottom:0;font-size:14px}.m-toggle{background:#ffffff1a;border-radius:13px;flex-shrink:0;width:44px;height:26px;position:relative}.m-toggle.on{background:var(--accent)}.m-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:3px;left:3px}.m-toggle.on .m-toggle-thumb{left:21px}.m-sheet-close{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-family:inherit;font-size:15px;font-weight:600}.m-sheet-close:active{opacity:.8}