:root{--sn-bg:#06172a;--sn-panel:#0c2740;--sn-panel-2:#10334f;--sn-line:rgba(255,255,255,.11);--sn-text:#f4fbff;--sn-soft:#a9c0d1;--sn-cyan:#3ed4d7;--sn-gold:#ffc23f;--sn-red:#ff6b75;--sn-green:#51d69c}*{box-sizing:border-box}html{min-height:100%;background:var(--sn-bg)}body{margin:0;min-height:100vh;color:var(--sn-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 10%,rgba(22,164,187,.18),transparent 32%),radial-gradient(circle at 90% 20%,rgba(255,190,59,.12),transparent 28%),linear-gradient(155deg,#06172a,#071c32 50%,#061426);overflow-x:hidden}.snake-ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden}.snake-ambient i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.17}.snake-ambient i:nth-child(1){width:320px;height:320px;left:-100px;top:20%;background:#25c4cc}.snake-ambient i:nth-child(2){width:300px;height:300px;right:-100px;top:2%;background:#ffb92f}.snake-ambient i:nth-child(3){width:260px;height:260px;left:48%;bottom:-120px;background:#675bff}.snake-shell{position:relative;z-index:1;width:min(1480px,calc(100% - 32px));margin:0 auto;padding:18px 0 44px}.snake-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border:1px solid var(--sn-line);border-radius:20px;background:rgba(8,30,51,.82);box-shadow:0 18px 50px rgba(0,0,0,.22);backdrop-filter:blur(18px)}.snake-brand{display:flex;align-items:center;gap:12px}.snake-brand>span{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#29d2c5,#168db2);font-size:25px;box-shadow:0 10px 24px rgba(36,190,192,.24)}.snake-brand b,.snake-brand small{display:block}.snake-brand b{font-size:15px}.snake-brand small{margin-top:3px;color:var(--sn-soft);font-size:9px}.snake-player-meta{display:flex;align-items:center;gap:9px}.snake-player-meta>span{min-width:100px;padding:8px 11px;border:1px solid var(--sn-line);border-radius:12px;background:rgba(255,255,255,.04)}.snake-player-meta small,.snake-player-meta b{display:block}.snake-player-meta small{color:#89a7bb;font-size:7px;font-weight:900;letter-spacing:.12em}.snake-player-meta b{margin-top:3px;font-size:12px}.snake-player-meta form{margin:0}.snake-player-meta button{height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.07);color:#e9f7ff;font-size:9px;font-weight:900;cursor:pointer}.snake-alert{margin-top:12px;padding:12px 15px;border:1px solid rgba(80,214,157,.28);border-radius:14px;background:rgba(80,214,157,.10);color:#c9ffe6;font-size:11px}.snake-alert.error{border-color:rgba(255,105,116,.3);background:rgba(255,105,116,.1);color:#ffd3d6}.snake-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:20px;margin:18px 0;padding:26px;border:1px solid var(--sn-line);border-radius:24px;background:linear-gradient(135deg,rgba(13,47,74,.92),rgba(7,29,49,.86));box-shadow:0 20px 55px rgba(0,0,0,.2)}.snake-kicker{display:inline-flex;padding:7px 10px;border:1px solid rgba(57,212,214,.22);border-radius:999px;background:rgba(57,212,214,.09);color:#85f2ee;font-size:8px;font-weight:1000;letter-spacing:.16em}.snake-hero h1{max-width:850px;margin:12px 0 8px;font-size:clamp(28px,4.2vw,52px);line-height:1.03;letter-spacing:-.04em}.snake-hero h1 em,.snake-auth-brand h1 em{color:var(--sn-gold);font-style:normal}.snake-hero p{max-width:700px;margin:0;color:var(--sn-soft);font-size:12px;line-height:1.6}.snake-progress-card{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.055);text-align:center}.snake-progress-card>span,.snake-progress-card>b,.snake-progress-card>small{display:block}.snake-progress-card>span{color:#9cb5c7;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.snake-progress-card>b{margin:6px 0 1px;color:#fff;font-size:48px;line-height:1}.snake-progress-card>small{color:#b8cad7;font-size:9px}.snake-progress-card>div{height:7px;margin-top:13px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden}.snake-progress-card i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sn-cyan),var(--sn-gold));transition:width .35s}.snake-game-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.snake-board-card,.snake-control-card,.snake-history-card{border:1px solid var(--sn-line);border-radius:22px;background:rgba(9,31,52,.86);box-shadow:0 18px 50px rgba(0,0,0,.18);backdrop-filter:blur(15px)}.snake-board-card{padding:18px}.snake-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.snake-section-head span{color:#69dfe0;font-size:8px;font-weight:1000;letter-spacing:.14em}.snake-section-head h2{margin:4px 0 0;font-size:17px}.snake-legend{display:flex;gap:7px;flex-wrap:wrap}.snake-legend span{padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.055);color:#c6d8e3;font-size:8px;letter-spacing:0}.snake-board{display:grid;grid-template-columns:repeat(10,minmax(32px,1fr));gap:4px;padding:7px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:rgba(2,14,27,.44)}.snake-cell{position:relative;aspect-ratio:1;min-width:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:5px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.snake-cell:nth-child(4n+1),.snake-cell:nth-child(4n+4){background:linear-gradient(145deg,rgba(48,194,198,.11),rgba(255,255,255,.035))}.snake-cell b{position:relative;z-index:2;color:#d9e9f3;font-size:9px}.snake-cell .cell-jump{position:absolute;right:3px;bottom:3px;color:#b7ccd9;font-size:6.5px;white-space:nowrap}.snake-cell.is-ladder{border-color:rgba(77,216,153,.32);background:linear-gradient(145deg,rgba(77,216,153,.18),rgba(255,255,255,.035))}.snake-cell.is-snake{border-color:rgba(255,100,112,.35);background:linear-gradient(145deg,rgba(255,100,112,.17),rgba(255,255,255,.035))}.snake-cell.is-finish{border-color:rgba(255,196,62,.45);background:linear-gradient(145deg,rgba(255,196,62,.24),rgba(255,255,255,.04))}.snake-token{display:none;position:absolute;inset:50% auto auto 50%;z-index:4;transform:translate(-50%,-42%);font-size:clamp(14px,2vw,25px);font-style:normal;filter:drop-shadow(0 5px 7px rgba(0,0,0,.35))}.snake-cell.is-current{border-color:#fff4b4;box-shadow:0 0 0 2px rgba(255,199,62,.38),0 0 24px rgba(255,188,42,.35);transform:scale(1.04)}.snake-cell.is-current .snake-token{display:block}.snake-cell.is-moving{animation:snPulse .36s ease}@keyframes snPulse{50%{transform:scale(1.14);box-shadow:0 0 28px rgba(71,222,218,.55)}}.snake-control-card{position:sticky;top:16px;align-self:start;padding:22px}.snake-dice-wrap{display:flex;justify-content:center;gap:14px;margin:5px 0 22px}.snake-die{width:82px;height:82px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.28);border-radius:21px;background:linear-gradient(145deg,#fff,#dbe8ef);color:#102a43;font-size:38px;font-weight:1000;box-shadow:0 16px 30px rgba(0,0,0,.28),inset 0 2px 1px #fff}.snake-die.rolling{animation:snRoll .16s linear infinite}@keyframes snRoll{50%{transform:rotate(8deg) scale(.92)}}.snake-roll-copy{text-align:center}.snake-roll-copy>span{color:#64e2df;font-size:8px;font-weight:1000;letter-spacing:.16em}.snake-roll-copy h2{margin:7px 0 6px;font-size:21px}.snake-roll-copy p{min-height:34px;margin:0;color:var(--sn-soft);font-size:10px;line-height:1.5}.snake-roll-button{width:100%;height:54px;margin-top:16px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--sn-gold),#ff9e2c);color:#2c1b00;font-size:14px;font-weight:1000;box-shadow:0 13px 28px rgba(255,172,38,.22);cursor:pointer;transition:transform .18s,filter .18s}.snake-roll-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.snake-roll-button:disabled{filter:grayscale(.5);opacity:.55;cursor:not-allowed;transform:none}.snake-rule-list{display:grid;gap:7px;margin-top:14px}.snake-rule-list span{padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.035)}.snake-rule-list b,.snake-rule-list small{display:block}.snake-rule-list b{font-size:9px}.snake-rule-list small{margin-top:2px;color:#9bb2c3;font-size:8px}.snake-result-card{align-items:center;gap:11px;margin-top:14px;padding:12px;border:1px solid rgba(255,201,69,.28);border-radius:14px;background:rgba(255,190,50,.09);opacity:0;transform:translateY(7px);transition:.25s}.snake-result-card.show{display:flex;opacity:1;transform:none}.snake-result-card>span{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.08);font-size:24px}.snake-result-card small,.snake-result-card b{display:block}.snake-result-card small{color:#f7c75d;font-size:7px;font-weight:1000;letter-spacing:.12em}.snake-result-card b{margin-top:3px;font-size:11px}.snake-result-card p{margin:3px 0 0;color:#b8cad6;font-size:8px;line-height:1.4}.snake-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.snake-history-card{padding:17px}.snake-history-list{display:grid;gap:7px}.snake-history-list article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.035)}.history-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.06);font-size:19px}.snake-history-list b,.snake-history-list small{display:block}.snake-history-list b{font-size:9px}.snake-history-list small{margin-top:3px;color:#9fb6c5;font-size:8px}.snake-history-list time{color:#748fa2;font-size:7px}.snake-empty{margin:0;padding:18px;border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:#8da6b7;text-align:center;font-size:9px}.snake-celebrate::after{content:"👑  🎉  🏆  🎉  👑";position:fixed;left:50%;top:16%;z-index:99;transform:translateX(-50%);font-size:34px;animation:snCelebrate 1.5s ease both;pointer-events:none}@keyframes snCelebrate{0%{opacity:0;transform:translate(-50%,-30px) scale(.6)}35%{opacity:1;transform:translate(-50%,0) scale(1.25)}100%{opacity:0;transform:translate(-50%,100px) scale(1)}}.snake-auth-body{display:grid;place-items:center;padding:24px}.snake-auth-shell{position:relative;z-index:1;width:min(1040px,100%);display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--sn-line);border-radius:28px;background:rgba(7,27,47,.87);box-shadow:0 28px 90px rgba(0,0,0,.34);overflow:hidden;backdrop-filter:blur(20px)}.snake-auth-brand{display:flex;flex-direction:column;justify-content:center;min-height:620px;padding:56px;background:radial-gradient(circle at 20% 20%,rgba(58,215,213,.16),transparent 36%),linear-gradient(145deg,rgba(17,57,83,.95),rgba(8,31,52,.95))}.snake-auth-brand h1{margin:15px 0 12px;font-size:clamp(40px,6vw,65px);line-height:.98;letter-spacing:-.05em}.snake-auth-brand>p{max-width:480px;margin:0;color:var(--sn-soft);font-size:12px;line-height:1.7}.snake-auth-features{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.snake-auth-features span{padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.04);color:#d4e6ef;font-size:9px}.snake-auth-card{min-height:620px;padding:38px;background:rgba(5,22,39,.74)}.snake-auth-head span{color:#65dfdd;font-size:8px;font-weight:1000;letter-spacing:.14em}.snake-auth-head h2{margin:7px 0 5px;font-size:24px}.snake-auth-head p{margin:0;color:#9fb5c5;font-size:10px;line-height:1.5}.snake-workspace-list{display:grid;gap:9px;margin-top:20px}.snake-workspace-list a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.04);color:#fff;text-decoration:none;transition:.18s}.snake-workspace-list a:hover{border-color:rgba(66,214,215,.35);background:rgba(66,214,215,.08);transform:translateX(3px)}.snake-workspace-list a>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(60,213,211,.1);font-size:22px}.snake-workspace-list b,.snake-workspace-list small{display:block}.snake-workspace-list b{font-size:11px}.snake-workspace-list small{margin-top:3px;color:#92aabd;font-size:8px}.snake-workspace-list i{font-style:normal}.snake-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:22px;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035)}.snake-auth-tabs button{height:39px;border:0;border-radius:9px;background:transparent;color:#88a2b4;font-size:9px;font-weight:950;cursor:pointer}.snake-auth-tabs button.active{background:linear-gradient(135deg,#24c9c7,#1d9fb9);color:#052637}.snake-auth-tabs button:disabled{opacity:.35;cursor:not-allowed}.snake-auth-form{display:none;gap:11px;margin-top:16px}.snake-auth-form.active{display:grid}.snake-auth-form label{display:grid;gap:6px;color:#a9bdca;font-size:8px;font-weight:900}.snake-auth-form input{width:100%;height:45px;padding:0 12px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.055);color:#fff;font-size:11px;outline:none}.snake-auth-form input:focus{border-color:#44d7d6;box-shadow:0 0 0 4px rgba(62,212,215,.08)}.snake-auth-form button{height:49px;margin-top:3px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--sn-gold),#ff9d2d);color:#322000;font-size:11px;font-weight:1000;cursor:pointer}.snake-back-link{display:inline-flex;margin-top:16px;color:#8faabc;font-size:9px;text-decoration:none}@media(max-width:1050px){.snake-game-grid{grid-template-columns:1fr}.snake-control-card{position:static}.snake-history-grid{grid-template-columns:1fr}.snake-board{gap:3px}.snake-cell{padding:4px}}@media(max-width:760px){.snake-shell{width:min(100% - 16px,1480px);padding-top:8px}.snake-topbar{align-items:flex-start;flex-direction:column}.snake-player-meta{width:100%;flex-wrap:wrap}.snake-player-meta>span{flex:1}.snake-hero{grid-template-columns:1fr;padding:20px}.snake-progress-card{max-width:none}.snake-board-card{padding:10px}.snake-section-head{align-items:flex-start;flex-direction:column}.snake-board{overflow:auto;grid-template-columns:repeat(10,minmax(43px,1fr))}.snake-cell b{font-size:8px}.snake-auth-body{padding:8px}.snake-auth-shell{grid-template-columns:1fr}.snake-auth-brand{min-height:auto;padding:32px 24px}.snake-auth-brand h1{font-size:44px}.snake-auth-card{min-height:auto;padding:25px 20px}.snake-auth-features{grid-template-columns:1fr 1fr}}@media(max-width:430px){.snake-brand b{font-size:13px}.snake-player-meta>span{min-width:calc(50% - 5px)}.snake-player-meta form{width:100%}.snake-player-meta button{width:100%}.snake-hero h1{font-size:31px}.snake-control-card{padding:17px}.snake-die{width:70px;height:70px}.snake-auth-features{grid-template-columns:1fr}.snake-auth-brand h1{font-size:38px}}

/* =========================================================
   WG Arcade Ular Tangga v1.5 — Premium Treasure Adventure
   Player game only. Auth screen remains backward compatible.
   ========================================================= */
.snake-game-body{--sn-bg:#04101f;--sn-panel:rgba(8,29,50,.88);--sn-panel-strong:#0a2945;--sn-line:rgba(151,204,226,.14);--sn-text:#f7fbff;--sn-soft:#9db5c5;--sn-cyan:#45ddd6;--sn-cyan-2:#1bb2c5;--sn-gold:#ffc857;--sn-gold-2:#ff9e2d;--sn-red:#ff6f7a;--sn-green:#56dda2;background:radial-gradient(circle at 12% 8%,rgba(34,196,197,.17),transparent 30%),radial-gradient(circle at 88% 12%,rgba(255,190,65,.13),transparent 26%),radial-gradient(circle at 60% 100%,rgba(62,74,198,.11),transparent 34%),linear-gradient(150deg,#04101f 0%,#07192d 48%,#04101f 100%)}
.snake-game-body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 82%)}
.snake-premium-shell{width:min(1780px,calc(100% - 30px));padding:14px 0 54px}
.snake-game-topbar{position:sticky;top:10px;z-index:40;min-height:70px;padding:11px 13px 11px 15px;border-radius:19px;background:rgba(5,22,39,.78);box-shadow:0 18px 46px rgba(0,0,0,.24);backdrop-filter:blur(20px) saturate(125%)}
.snake-brand-mark{position:relative;overflow:hidden}.snake-brand-mark:after{content:"";position:absolute;inset:-55%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.38),transparent 60%);transform:translateX(-60%) rotate(12deg);animation:snakeBrandShine 7s ease-in-out infinite}@keyframes snakeBrandShine{0%,76%{transform:translateX(-75%) rotate(12deg)}90%,100%{transform:translateX(75%) rotate(12deg)}}
.snake-game-topbar .snake-brand b{font-size:14px;letter-spacing:-.01em}.snake-game-topbar .snake-brand small{font-size:8.5px;letter-spacing:.03em}
.snake-top-actions{display:flex;align-items:center;gap:8px}.snake-icon-button,.snake-logout-button{height:42px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.055);color:#eaf8ff;cursor:pointer;transition:.18s}.snake-icon-button{width:42px;padding:0;font-size:18px}.snake-icon-button:hover,.snake-logout-button:hover{border-color:rgba(69,221,214,.35);background:rgba(69,221,214,.1);transform:translateY(-1px)}.snake-logout-form{margin:0}.snake-logout-button{padding:0 14px;font-size:9px;font-weight:950;letter-spacing:.04em}
.snake-mobile-summary,.snake-mobile-status-card,.snake-mobile-dock{display:none}
.snake-audio-panel{position:fixed;right:18px;top:88px;z-index:90;width:310px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(6,24,42,.96);box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(22px)}.snake-audio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.snake-audio-head small,.snake-audio-head b{display:block}.snake-audio-head small{color:var(--sn-cyan);font-size:7px;font-weight:1000;letter-spacing:.14em}.snake-audio-head b{margin-top:3px;font-size:13px}.snake-audio-head button{width:28px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.07);color:#dcecf4;font-size:19px;cursor:pointer}.snake-audio-panel>label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07);color:#bad0dc;font-size:9px;font-weight:850}.snake-audio-panel input[type=checkbox]{width:36px;height:20px;accent-color:var(--sn-cyan)}.snake-volume-row{display:grid!important;grid-template-columns:1fr 112px}.snake-volume-row input{width:112px;accent-color:var(--sn-cyan)}.snake-mute-all{width:100%;height:39px;margin-top:7px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.055);color:#e8f5fb;font-size:9px;font-weight:950;cursor:pointer}
.snake-game-stage{display:grid;grid-template-columns:228px minmax(560px,1fr) 304px;align-items:start;gap:14px;margin-top:15px}.snake-profile-rail,.snake-control-rail{display:grid;gap:12px;min-width:0}.snake-control-rail{position:sticky;top:96px}.snake-panel,.snake-board-zone{border:1px solid var(--sn-line);border-radius:21px;background:linear-gradient(145deg,rgba(11,38,63,.9),rgba(5,23,40,.88));box-shadow:0 17px 45px rgba(0,0,0,.18);backdrop-filter:blur(15px)}
.snake-player-card{padding:17px;text-align:center}.snake-player-avatar{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 11px;border:1px solid rgba(101,237,228,.3);border-radius:18px;background:linear-gradient(145deg,rgba(54,211,207,.22),rgba(28,122,168,.2));color:#dffdfa;font-size:24px;font-weight:1000;box-shadow:0 11px 25px rgba(31,190,193,.14)}.snake-player-identity small{color:#61ded9;font-size:7px;font-weight:1000;letter-spacing:.16em}.snake-player-identity h2{margin:5px 0 2px;font-size:15px}.snake-player-identity span{color:#85a4b7;font-size:8px}.snake-player-numbers{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.snake-player-numbers div{padding:10px 5px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.035)}.snake-player-numbers small,.snake-player-numbers b{display:block}.snake-player-numbers small{color:#7f9eb1;font-size:6.5px;font-weight:950;letter-spacing:.07em}.snake-player-numbers b{margin-top:4px;color:#fff;font-size:17px}
.snake-journey-card,.snake-prize-card,.snake-last-result-card,.snake-rules-card{padding:16px}.snake-mini-heading small,.snake-mini-heading b{display:block}.snake-mini-heading small{color:#61dcd8;font-size:7px;font-weight:1000;letter-spacing:.15em}.snake-mini-heading b{margin-top:4px;font-size:11px}.snake-position-ring{width:106px;height:106px;display:flex;align-items:baseline;justify-content:center;margin:15px auto 12px;border:1px solid rgba(255,205,90,.28);border-radius:50%;background:radial-gradient(circle,rgba(255,195,69,.14),rgba(255,255,255,.025) 68%);box-shadow:inset 0 0 0 8px rgba(255,255,255,.022),0 0 28px rgba(255,189,50,.08)}.snake-position-ring span{font-size:41px;font-weight:1000;letter-spacing:-.06em}.snake-position-ring small{margin-left:3px;color:#95afc0;font-size:8px}.snake-rail-progress{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.snake-rail-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sn-cyan),var(--sn-gold));box-shadow:0 0 18px rgba(56,213,211,.3);transition:width .35s}.snake-journey-card p,.snake-prize-card p,.snake-last-result-card p{margin:10px 0 0;color:#8ea8b9;font-size:8px;line-height:1.55}.snake-prize-card{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(255,191,54,.15),transparent 42%),linear-gradient(145deg,rgba(30,45,63,.92),rgba(7,26,43,.9))}.snake-prize-card:after{content:"";position:absolute;right:-28px;bottom:-35px;width:100px;height:100px;border-radius:50%;background:rgba(255,190,61,.08)}.snake-prize-icon{font-size:26px;margin-bottom:7px}.snake-prize-card>small{color:#f7c95f;font-size:7px;font-weight:1000;letter-spacing:.14em}.snake-prize-card>b{position:relative;z-index:1;display:block;margin-top:5px;font-size:12px;line-height:1.35}.snake-last-reward{display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.035)}.snake-last-reward>span{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.06);font-size:20px}.snake-last-reward b,.snake-last-reward small{display:block}.snake-last-reward b{font-size:9px}.snake-last-reward small{margin-top:3px;color:#87a3b5;font-size:7px}
.snake-board-zone{min-width:0;padding:15px}.snake-board-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 3px 14px}.snake-board-toolbar>div:first-child>span{color:#63e2dd;font-size:7px;font-weight:1000;letter-spacing:.16em}.snake-board-toolbar h1{margin:5px 0 4px;font-size:18px;letter-spacing:-.02em}.snake-board-toolbar p{max-width:620px;margin:0;color:#8faabb;font-size:8.5px;line-height:1.5}.snake-board-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.snake-board-expand{height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.045);color:#dcebf2;font-size:8px;font-weight:900;cursor:pointer}.snake-legend{display:flex;gap:5px;flex-wrap:wrap}.snake-legend span{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.035);color:#abc2cf;font-size:7px}.snake-legend i{width:7px;height:7px;border-radius:50%}.legend-ladder{background:var(--sn-green);box-shadow:0 0 8px rgba(86,221,162,.5)}.legend-snake{background:var(--sn-red);box-shadow:0 0 8px rgba(255,111,122,.45)}.legend-player{background:var(--sn-gold);box-shadow:0 0 8px rgba(255,200,87,.55)}
.snake-board-frame{position:relative;overflow:hidden;padding:7px;border:1px solid rgba(255,255,255,.08);border-radius:19px;background:radial-gradient(circle at 50% 0,rgba(44,163,174,.08),transparent 32%),rgba(1,12,23,.54);box-shadow:inset 0 0 40px rgba(0,0,0,.22)}.snake-board-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 30%,rgba(255,200,87,.02))}.snake-board{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;padding:0;border:0;border-radius:13px;background:transparent;overflow:visible}.snake-cell{aspect-ratio:1;min-width:0;padding:5px;border:1px solid rgba(153,203,222,.105);border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.025);overflow:hidden}.snake-cell:nth-child(4n+1),.snake-cell:nth-child(4n+4){background:linear-gradient(145deg,rgba(48,194,198,.105),rgba(255,255,255,.025))}.snake-cell b{color:#d8e9f2;font-size:8px;text-shadow:0 1px 3px rgba(0,0,0,.45)}.snake-cell .cell-jump{right:4px;bottom:3px;display:flex;align-items:flex-end;gap:2px;color:#bed1dc;font-size:6px}.snake-cell .cell-jump i{font-style:normal;font-size:12px}.snake-cell .cell-jump small{font-size:5.8px}.snake-cell.is-ladder{border-color:rgba(86,221,162,.34);background:linear-gradient(145deg,rgba(69,199,142,.18),rgba(255,255,255,.025))}.snake-cell.is-snake{border-color:rgba(255,111,122,.34);background:linear-gradient(145deg,rgba(223,74,91,.18),rgba(255,255,255,.025))}.snake-cell.is-finish{border-color:rgba(255,200,87,.52);background:radial-gradient(circle at 70% 30%,rgba(255,228,142,.26),transparent 45%),linear-gradient(145deg,rgba(255,191,54,.28),rgba(255,255,255,.03));box-shadow:inset 0 0 18px rgba(255,193,51,.12)}.snake-cell.is-start{border-color:rgba(72,217,210,.3)}.snake-token{width:25px;height:25px;display:none!important;place-items:center;inset:50% auto auto 50%;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:linear-gradient(145deg,#ffd76d,#ff9d2d);font-size:13px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.45));box-shadow:0 0 0 4px rgba(255,190,56,.16),0 0 22px rgba(255,190,56,.42)}.snake-token span{color:#1c2530;font-style:normal;font-size:13px;line-height:1}.snake-cell.is-current{z-index:4;border-color:#fff1ab;box-shadow:0 0 0 2px rgba(255,199,62,.38),0 0 25px rgba(255,188,42,.33);transform:scale(1.055)}.snake-cell.is-current .snake-token{display:grid!important}.snake-cell.is-moving{animation:snPremiumPulse .32s ease}@keyframes snPremiumPulse{50%{transform:scale(1.12);border-color:#91fff4;box-shadow:0 0 28px rgba(71,222,218,.55)}}.snake-board-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px 0;color:#718fa2;font-size:7px}
.snake-control-card{position:static;padding:18px;text-align:center}.snake-control-heading small{color:#65e0dc;font-size:7px;font-weight:1000;letter-spacing:.16em}.snake-control-heading h2{margin:5px 0 5px;font-size:19px}.snake-control-heading p{min-height:34px;margin:0;color:#91aabb;font-size:8px;line-height:1.5}.snake-dice-stage{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;gap:7px;margin:18px 0 15px}.snake-die{width:78px;height:78px;margin:auto;border:1px solid rgba(255,255,255,.55);border-radius:21px;background:linear-gradient(145deg,#fff,#d7e6ee);color:#102a43;font-size:36px;box-shadow:0 18px 30px rgba(0,0,0,.27),inset 0 2px 1px #fff}.snake-dice-total{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.04)}.snake-dice-total small,.snake-dice-total b{display:block}.snake-dice-total small{color:#7898ab;font-size:5.5px;font-weight:950;letter-spacing:.08em}.snake-dice-total b{font-size:18px}.snake-roll-button{height:55px;margin:0;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;letter-spacing:.01em}.snake-roll-button span{font-size:17px}.snake-roll-balance{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:9px 11px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.03);color:#90aabc;font-size:8px}.snake-roll-balance b{color:#fff;font-size:13px}.snake-result-card{margin-top:11px;text-align:left}.snake-rules-card .snake-rule-list{margin-top:12px}.snake-rules-card .snake-rule-list span{display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:9px;padding:9px;background:rgba(255,255,255,.028)}.snake-rules-card .snake-rule-list>span>i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(65,211,207,.09);color:#72e6e0;font-size:7px;font-weight:1000;font-style:normal}.snake-rules-card .snake-rule-list b,.snake-rules-card .snake-rule-list small{text-align:left}
.snake-premium-history{margin-top:14px}.snake-premium-history .snake-history-card{padding:16px}.snake-premium-history .snake-section-head>small{color:#7290a2;font-size:7px}.snake-premium-history .snake-history-list{max-height:292px;overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(99,223,218,.25) transparent}.snake-premium-history .snake-history-list article{min-height:52px}.snake-premium-history .snake-history-list b{font-size:9px}.snake-premium-history .snake-history-list small{font-size:7.5px}
.snake-reward-modal[hidden]{display:none}.snake-reward-modal{position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:18px}.snake-reward-backdrop{position:absolute;inset:0;background:rgba(0,8,17,.78);backdrop-filter:blur(8px)}.snake-reward-sheet{position:relative;z-index:1;width:min(430px,100%);overflow:hidden;padding:32px 28px 25px;border:1px solid rgba(255,215,112,.27);border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(255,197,68,.16),transparent 34%),linear-gradient(145deg,#0d2b46,#06192b);box-shadow:0 35px 100px rgba(0,0,0,.55);text-align:center;animation:snakeModalIn .28s ease both}@keyframes snakeModalIn{from{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:none}}.snake-reward-glow{position:absolute;left:50%;top:-120px;width:300px;height:260px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,198,70,.2),transparent 68%);pointer-events:none}.snake-reward-big-icon{position:relative;display:grid;place-items:center;width:82px;height:82px;margin:0 auto 13px;border:1px solid rgba(255,255,255,.12);border-radius:25px;background:rgba(255,255,255,.07);font-size:43px;box-shadow:0 15px 35px rgba(0,0,0,.22)}.snake-reward-sheet>small{color:#f3c969;font-size:7px;font-weight:1000;letter-spacing:.18em}.snake-reward-sheet h2{margin:7px 0 7px;font-size:25px}.snake-reward-sheet>p{margin:0;color:#9eb5c4;font-size:10px;line-height:1.6}.snake-modal-route{margin:15px 0;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.035);color:#bed1dc;font-size:9px}.snake-reward-sheet>button{width:100%;height:48px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--sn-gold),var(--sn-gold-2));color:#2b1b00;font-size:10px;font-weight:1000;cursor:pointer;box-shadow:0 13px 30px rgba(255,171,38,.19)}
#snake-board-card:fullscreen{padding:20px;background:#06172a;overflow:auto}#snake-board-card:fullscreen .snake-board-frame{max-width:min(88vh,1100px);margin:auto}#snake-board-card:fullscreen .snake-board-toolbar,#snake-board-card:fullscreen .snake-board-caption{max-width:min(88vh,1100px);margin-left:auto;margin-right:auto}
@media(max-width:1380px){.snake-game-stage{grid-template-columns:210px minmax(520px,1fr) 285px;gap:11px}.snake-premium-shell{width:min(1600px,calc(100% - 22px))}.snake-die{width:70px;height:70px}.snake-player-numbers{grid-template-columns:1fr}.snake-last-result-card{display:none}}
@media(max-width:1120px){.snake-game-stage{grid-template-columns:210px minmax(0,1fr)}.snake-control-rail{position:static;grid-column:1/-1;grid-template-columns:1.15fr .85fr}.snake-control-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.85fr);align-items:center;gap:16px;text-align:left}.snake-control-heading{grid-column:1}.snake-dice-stage{grid-column:1;grid-row:2;margin:4px 0}.snake-roll-button,.snake-roll-balance,.snake-result-card{grid-column:2}.snake-roll-button{grid-row:1}.snake-roll-balance{grid-row:2;align-self:start}.snake-result-card{grid-row:3}.snake-dice-stage .snake-die{margin:0}.snake-control-heading p{min-height:0}.snake-rules-card{min-height:100%}}
@media(max-width:820px){.snake-game-body{padding-bottom:92px}.snake-premium-shell{width:calc(100% - 12px);padding-top:6px}.snake-game-topbar{top:5px;min-height:58px;padding:8px 9px;border-radius:16px}.snake-game-topbar .snake-brand>span{width:40px;height:40px;border-radius:13px;font-size:21px}.snake-game-topbar .snake-brand b{max-width:150px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.snake-game-topbar .snake-brand small{font-size:7px}.snake-top-actions{gap:5px}.snake-icon-button{width:38px;height:38px}.snake-logout-button{display:none}.snake-mobile-summary{display:flex;align-items:center;gap:5px;margin-left:auto}.snake-mobile-summary>span{min-width:58px;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);text-align:center}.snake-mobile-summary small,.snake-mobile-summary b{display:block}.snake-mobile-summary small{color:#7998ab;font-size:5.5px;font-weight:950;letter-spacing:.08em}.snake-mobile-summary b{margin-top:2px;font-size:9px}.snake-top-actions [data-board-fullscreen]{display:none}.snake-audio-panel{right:8px;top:71px;width:min(310px,calc(100% - 16px))}.snake-mobile-status-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.snake-mobile-status-card>div{padding:11px 12px;border:1px solid var(--sn-line);border-radius:14px;background:rgba(8,29,50,.82)}.snake-mobile-status-card small,.snake-mobile-status-card b,.snake-mobile-status-card span{display:block}.snake-mobile-status-card small{color:#62dcd7;font-size:6px;font-weight:950;letter-spacing:.13em}.snake-mobile-status-card b{margin-top:4px;font-size:11px}.snake-mobile-status-card span{margin-top:2px;color:#829eaf;font-size:7px}.snake-game-stage{display:flex;flex-direction:column;gap:10px;margin-top:10px}.snake-board-zone{order:1;width:100%;padding:9px;border-radius:17px}.snake-profile-rail{order:2;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}.snake-control-rail{order:3;display:grid;grid-template-columns:1fr;width:100%;gap:9px}.snake-player-card,.snake-journey-card{display:none}.snake-prize-card,.snake-last-result-card{display:block;min-height:138px}.snake-board-toolbar{align-items:flex-start;padding:2px 2px 9px}.snake-board-toolbar h1{font-size:14px}.snake-board-toolbar p{display:none}.snake-board-tools{flex:0 0 auto}.snake-legend{display:none}.snake-board-expand{height:32px}.snake-board-frame{padding:4px;border-radius:13px}.snake-board{grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;overflow:visible}.snake-cell{padding:2px;border-radius:5px}.snake-cell b{font-size:6.5px}.snake-cell .cell-jump{right:1px;bottom:1px}.snake-cell .cell-jump i{font-size:8px}.snake-cell .cell-jump small{display:none}.snake-token{width:17px;height:17px;border-width:1px;box-shadow:0 0 0 2px rgba(255,190,56,.15),0 0 12px rgba(255,190,56,.38)}.snake-token span{font-size:8px}.snake-board-caption{display:none}.snake-control-card{display:block;padding:16px;text-align:center}.snake-control-heading{display:none}.snake-dice-stage{max-width:300px;margin:0 auto 12px}.snake-die{width:68px;height:68px}.snake-roll-button{display:none}.snake-roll-balance{display:none}.snake-result-card{margin-top:7px}.snake-rules-card{display:none}.snake-premium-history{grid-template-columns:1fr;margin-top:10px}.snake-premium-history .snake-history-card{padding:13px}.snake-premium-history .snake-history-list{max-height:230px}.snake-mobile-dock{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:100;display:grid;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(5,23,40,.94);box-shadow:0 18px 55px rgba(0,0,0,.48);backdrop-filter:blur(20px)}.snake-mobile-dock>div{text-align:center}.snake-mobile-dock small,.snake-mobile-dock>div>b{display:block}.snake-mobile-dock small{color:#7290a3;font-size:5.5px;font-weight:950;letter-spacing:.08em}.snake-mobile-dock>div>b{margin-top:3px;font-size:10px}.snake-mobile-dock>button{height:51px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--sn-gold),var(--sn-gold-2));color:#2a1900;box-shadow:0 12px 26px rgba(255,167,34,.2);cursor:pointer}.snake-mobile-dock>button span,.snake-mobile-dock>button b{display:inline}.snake-mobile-dock>button span{font-size:16px}.snake-mobile-dock>button b{margin-left:4px;font-size:10px}.snake-mobile-dock>button:disabled{filter:grayscale(.45);opacity:.55}.snake-reward-modal{align-items:end;padding:8px}.snake-reward-sheet{width:100%;padding:27px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 18px 18px}.snake-reward-big-icon{width:70px;height:70px;font-size:37px}.snake-reward-sheet h2{font-size:22px}}
@media(max-width:430px){.snake-mobile-summary>span:first-child{display:none}.snake-game-topbar .snake-brand b{max-width:124px}.snake-profile-rail{grid-template-columns:1fr}.snake-prize-card{min-height:auto}.snake-last-result-card{display:none}.snake-board-toolbar>div:first-child>span{font-size:5.8px}.snake-board-toolbar h1{font-size:12px}.snake-board-expand{padding:0 8px;font-size:7px}.snake-cell b{font-size:5.6px}.snake-cell .cell-jump i{font-size:7px}.snake-mobile-dock{grid-template-columns:58px minmax(0,1fr) 58px}.snake-die{width:62px;height:62px;font-size:31px}.snake-dice-total{width:42px;height:42px}.snake-history-list time{display:none}.snake-history-list article{grid-template-columns:36px minmax(0,1fr)}}


/* v1.6 — board size tuning + premium snake/ladder overlay */
.snake-board-zone{padding-bottom:20px}
.snake-board-frame{max-width:min(76vh,920px)!important;margin:0 auto}
.snake-board{position:relative;gap:3px;padding:5px;border-radius:15px}
.snake-cell{padding:4px;border-radius:7px;z-index:2;background:linear-gradient(145deg,rgba(7,33,55,.82),rgba(7,24,41,.72))}
.snake-cell:nth-child(4n+1),.snake-cell:nth-child(4n+4){background:linear-gradient(145deg,rgba(15,70,88,.48),rgba(7,24,41,.72))}
.snake-cell b,.snake-cell .cell-jump{position:relative;z-index:3}
.snake-cell b{font-size:8px}
.snake-cell .cell-jump{right:2px;bottom:2px;font-size:6px}
.snake-cell .cell-jump i{font-size:10px}
.snake-cell .cell-jump small{font-size:5.8px}
.snake-board-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible;filter:drop-shadow(0 5px 10px rgba(0,0,0,.28))}
.snake-board-overlay .sn-ladder-outline{stroke:#34210f;stroke-width:8;stroke-linecap:round}
.snake-board-overlay .sn-ladder-rail{stroke:#8c5b21;stroke-width:4.8;stroke-linecap:round}
.snake-board-overlay .sn-ladder-rung-outline{stroke:#2f1b0d;stroke-width:6;stroke-linecap:round}
.snake-board-overlay .sn-ladder-rung{stroke:#d09b45;stroke-width:3.6;stroke-linecap:round}
.snake-board-overlay .sn-snake-outline{stroke:#5d2410;stroke-linecap:round;stroke-linejoin:round;fill:none}
.snake-board-overlay .sn-snake-body{stroke:url(#snSnakeGrad);stroke-linecap:round;stroke-linejoin:round;fill:none}
.snake-board-overlay .sn-snake-belly{stroke:rgba(255,225,170,.75);stroke-linecap:round;stroke-linejoin:round;fill:none}
.snake-board-overlay .sn-snake-head-shadow{fill:#5d2410}
.snake-board-overlay .sn-snake-head{fill:url(#snSnakeHeadGrad);stroke:#5d2410;stroke-width:1.2}
.snake-board-overlay .sn-snake-eye{fill:#fff}.snake-board-overlay .sn-snake-pupil{fill:#1a0b05}.snake-board-overlay .sn-snake-tongue{stroke:#ff7d90;stroke-width:1.5;stroke-linecap:round}
@media(max-width:1380px){.snake-board-frame{max-width:min(74vh,860px)!important}}
@media(max-width:820px){.snake-board-frame{max-width:100%!important}.snake-board{gap:2px;padding:4px}.snake-cell{padding:2px;border-radius:5px}.snake-cell b{font-size:6.4px}.snake-cell .cell-jump i{font-size:8px}.snake-cell .cell-jump small{display:none}}

/* v1.7 — dedicated tester account */
.snake-tester-badge{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:8px;padding:6px 9px;border:1px solid rgba(255,199,62,.28);border-radius:999px;background:rgba(255,190,55,.11);color:#ffd86d;font-size:7px;font-weight:1000;font-style:normal;letter-spacing:.12em;box-shadow:0 7px 18px rgba(255,176,34,.08)}
.snake-tester-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#ffd15a;box-shadow:0 0 0 3px rgba(255,209,90,.12)}
#snake-ticket-balance,#snake-control-ticket,#snake-mobile-ticket,#snake-dock-ticket{font-variant-numeric:tabular-nums}

/* v1.8 — compact desktop stage, clean tiles, tighter board focus */
.snake-cell.is-ladder .cell-jump:not(.cell-marker),.snake-cell.is-snake .cell-jump:not(.cell-marker){display:none!important}
.snake-cell .cell-marker{z-index:4}
@media(min-width:1180px){
  .snake-premium-shell{width:min(1460px,calc(100% - 22px));padding-top:10px}
  .snake-game-stage{grid-template-columns:minmax(190px,200px) minmax(650px,860px) minmax(265px,280px);justify-content:center;gap:12px;margin-top:12px}
  .snake-profile-rail,.snake-control-rail{gap:10px}
  .snake-board-zone{width:100%;padding:12px 12px 14px;border-radius:19px}
  .snake-board-frame{width:100%;max-width:none!important;margin:0;padding:5px;border-radius:15px}
  .snake-board-toolbar{padding:0 2px 10px;margin-bottom:0}
  .snake-board-caption{padding:8px 2px 0}
  .snake-panel{border-radius:19px}
  .snake-player-card,.snake-journey-card,.snake-prize-card,.snake-last-result-card{padding-left:14px;padding-right:14px}
  .snake-control-card{padding:18px}
  .snake-rules-card{padding:15px}
}
@media(min-width:1180px) and (max-width:1280px){
  .snake-premium-shell{width:calc(100% - 16px)}
  .snake-game-stage{grid-template-columns:185px minmax(620px,1fr) 260px;gap:9px}
  .snake-board-zone{padding:9px}
}

/* v1.9 — desktop/mobile compact layout + frozen mobile dice control */
@media(min-width:1180px){
  .snake-game-topbar{max-width:1324px;min-height:58px;margin:0 auto;padding:8px 10px 8px 12px;border-radius:17px}
  .snake-game-topbar .snake-brand{gap:9px}
  .snake-game-topbar .snake-brand>span{width:38px;height:38px;border-radius:12px;font-size:20px}
  .snake-game-topbar .snake-brand b{font-size:12px}
  .snake-game-topbar .snake-brand small{font-size:7px}
  .snake-top-actions{gap:6px}
  .snake-icon-button{width:36px;height:36px;border-radius:10px}
  .snake-logout-button{height:36px;padding:0 12px;border-radius:10px}
  .snake-game-stage,.snake-premium-history{width:100%;max-width:1324px;margin-left:auto;margin-right:auto}
  .snake-game-stage{grid-template-columns:180px minmax(640px,820px) 250px;gap:10px}
  .snake-profile-rail,.snake-control-rail{gap:9px}
  .snake-player-card{padding:13px 12px}
  .snake-player-avatar{width:48px;height:48px;margin-bottom:10px;border-radius:14px;font-size:20px}
  .snake-player-identity small{font-size:6px}
  .snake-player-identity h2{margin:4px 0 2px;font-size:13px}
  .snake-player-identity>span{display:block;font-size:7px}
  .snake-tester-badge{justify-content:center;margin:7px auto 0;padding:5px 8px;font-size:6px;letter-spacing:.08em}
  .snake-player-numbers{gap:6px;margin-top:10px}
  .snake-player-numbers>div{padding:9px 6px;border-radius:10px}
  .snake-player-numbers small{font-size:5.7px}
  .snake-player-numbers b{font-size:13px}
  .snake-journey-card{padding:13px 12px;text-align:center}
  .snake-mini-heading{text-align:left}
  .snake-position-ring{width:84px;height:84px;margin:11px auto 9px;align-items:center}
  .snake-position-ring span{font-size:34px;line-height:1}
  .snake-position-ring small{font-size:7px}
  .snake-rail-progress{height:5px}
  .snake-journey-card p{margin-top:8px;font-size:7px}
  .snake-prize-card,.snake-last-result-card{padding:13px 12px}
  .snake-board-zone{padding:10px 10px 12px}
  .snake-board-toolbar{align-items:center;gap:10px;padding:0 1px 8px}
  .snake-board-toolbar h1{font-size:16px;margin:4px 0 2px}
  .snake-board-toolbar p{font-size:7.5px}
  .snake-board-tools{gap:6px;flex-wrap:nowrap}
  .snake-legend{gap:4px;flex-wrap:nowrap}
  .snake-legend span{padding:5px 6px;font-size:6.5px}
  .snake-board-expand{height:30px;padding:0 9px;border-radius:9px;font-size:7px}
  .snake-control-card{padding:14px}
  .snake-control-heading small{font-size:6px}
  .snake-control-heading h2{margin:4px 0;font-size:16px;line-height:1.15}
  .snake-control-heading p{min-height:24px;font-size:7px}
  .snake-dice-stage{grid-template-columns:1fr 40px 1fr;gap:6px;margin:13px 0 11px}
  .snake-die{width:66px;height:66px;border-radius:18px;font-size:31px}
  .snake-dice-total{width:40px;height:40px}
  .snake-roll-button{height:47px;margin-top:10px;border-radius:13px;font-size:11px}
  .snake-roll-balance{margin-top:8px;padding:8px 9px}
  .snake-result-card{padding:9px;margin-top:9px}
  .snake-rules-card{padding:13px}
}

@media(max-width:820px){
  .snake-game-body{padding-bottom:118px}
  .snake-premium-shell{width:calc(100% - 10px);padding-top:5px}
  .snake-game-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;top:4px;min-height:50px;padding:6px 7px;border-radius:14px}
  .snake-game-topbar .snake-brand{min-width:0;gap:8px}
  .snake-game-topbar .snake-brand>span{width:34px;height:34px;border-radius:11px;font-size:18px}
  .snake-game-topbar .snake-brand b{max-width:190px;font-size:10px}
  .snake-game-topbar .snake-brand small{max-width:190px;overflow:hidden;font-size:6.2px;text-overflow:ellipsis;white-space:nowrap}
  .snake-mobile-summary{display:none!important}
  .snake-top-actions{grid-column:2;grid-row:1;margin:0;gap:5px}
  .snake-top-actions [data-board-fullscreen],.snake-logout-form{display:none!important}
  .snake-icon-button{width:34px;height:34px;border-radius:10px}
  .snake-audio-panel{top:59px;right:5px;width:min(310px,calc(100% - 10px))}
  .snake-mobile-status-card{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(62px,.72fr);gap:5px;margin-top:7px}
  .snake-mobile-status-card>div{min-width:0;padding:8px 9px;border-radius:11px}
  .snake-mobile-status-card small{font-size:5.3px}
  .snake-mobile-status-card b{overflow:hidden;margin-top:3px;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}
  .snake-mobile-status-card span{overflow:hidden;margin-top:2px;font-size:6px;text-overflow:ellipsis;white-space:nowrap}
  .snake-game-stage{gap:8px;margin-top:8px}
  .snake-board-zone{padding:8px;border-radius:15px}
  .snake-board-toolbar{align-items:center;padding:1px 1px 7px}
  .snake-board-toolbar h1{font-size:12.5px}
  .snake-board-expand{height:29px;padding:0 8px;border-radius:8px;font-size:6.5px}
  .snake-profile-rail{order:2;display:block;width:100%}
  .snake-control-rail{display:none!important}
  .snake-player-card,.snake-journey-card,.snake-last-result-card{display:none!important}
  .snake-prize-card{display:grid!important;grid-template-columns:42px minmax(0,1fr);grid-template-areas:"icon label" "icon title" "icon desc";column-gap:10px;min-height:0!important;padding:11px 12px;border-radius:15px}
  .snake-prize-icon{grid-area:icon;align-self:center;width:40px;height:40px;display:grid;place-items:center;margin:0;border-radius:12px;background:rgba(255,194,59,.09);font-size:21px}
  .snake-prize-card>small{grid-area:label;align-self:end;font-size:5.6px}
  .snake-prize-card>b{grid-area:title;margin-top:2px;font-size:10px}
  .snake-prize-card>p{grid-area:desc;overflow:hidden;margin:2px 0 0;font-size:6.3px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
  .snake-premium-history{margin-top:8px}
  .snake-mobile-dock{position:fixed;left:6px;right:6px;bottom:max(6px,env(safe-area-inset-bottom));z-index:100;display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;gap:5px;padding:6px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:linear-gradient(145deg,rgba(8,31,52,.97),rgba(4,19,34,.97));box-shadow:0 18px 55px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(22px) saturate(135%)}
  .snake-dock-metric{text-align:center}
  .snake-mobile-dock small,.snake-dock-metric>b{display:block}
  .snake-mobile-dock small{color:#7795a8;font-size:5px;font-weight:950;letter-spacing:.08em}
  .snake-dock-metric>b{margin-top:2px;font-size:9px}
  .snake-dock-dice{display:grid;grid-template-columns:32px 34px 32px;align-items:center;justify-content:center;gap:5px}
  .snake-dock-die{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:linear-gradient(145deg,#fff,#dce9f0);color:#102a43;font-size:17px;font-weight:1000;box-shadow:0 7px 14px rgba(0,0,0,.22),inset 0 1px 0 #fff}
  .snake-dock-die.rolling{animation:snRoll .16s linear infinite}
  .snake-dock-total{width:34px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.035);text-align:center}
  .snake-dock-total small{font-size:4.3px}
  .snake-dock-total b{font-size:11px;line-height:1}
  .snake-mobile-dock>button{grid-column:1/-1;height:40px;border-radius:11px;font-size:9px}
  .snake-mobile-dock>button span{font-size:13px}
  .snake-mobile-dock>button b{margin-left:4px;font-size:9px}
}

@media(max-width:430px){
  .snake-game-topbar .snake-brand b,.snake-game-topbar .snake-brand small{max-width:174px}
  .snake-mobile-status-card{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr) minmax(56px,.65fr)}
  .snake-mobile-status-card>div{padding:7px 8px}
  .snake-mobile-status-card span{font-size:5.6px}
  .snake-prize-card{grid-template-columns:38px minmax(0,1fr);column-gap:8px;padding:9px 10px}
  .snake-prize-icon{width:36px;height:36px;font-size:19px}
  .snake-mobile-dock{grid-template-columns:48px minmax(0,1fr) 48px}
  .snake-dock-dice{grid-template-columns:30px 31px 30px;gap:4px}
  .snake-dock-die{width:30px;height:30px;font-size:16px}
  .snake-dock-total{width:31px;height:30px}
}


/* v1.10 — desktop balanced rails: compact left/right panels and remove sticky top gap */
@media(min-width:1180px){
  .snake-premium-shell{width:min(1320px,calc(100% - 20px));padding-top:8px}
  .snake-game-topbar{max-width:1280px;min-height:54px;padding:7px 9px 7px 11px}
  .snake-game-stage,.snake-premium-history{max-width:1280px}
  .snake-game-stage{grid-template-columns:164px minmax(690px,850px) 232px;gap:9px;margin-top:9px;align-items:start}
  .snake-profile-rail{position:sticky;top:70px;gap:7px;align-self:start}
  .snake-control-rail{position:sticky;top:70px;gap:7px;align-self:start}

  .snake-panel{border-radius:17px}
  .snake-player-card{padding:10px 9px}
  .snake-player-avatar{width:42px;height:42px;margin-bottom:7px;border-radius:12px;font-size:18px}
  .snake-player-identity small{font-size:5.4px;letter-spacing:.12em}
  .snake-player-identity h2{margin:3px 0 1px;font-size:11px}
  .snake-player-identity>span{font-size:6px}
  .snake-tester-badge{margin-top:5px;padding:4px 6px;font-size:5.2px;line-height:1}
  .snake-player-numbers{gap:5px;margin-top:7px}
  .snake-player-numbers>div{padding:7px 3px;border-radius:9px}
  .snake-player-numbers small{font-size:4.8px;letter-spacing:.045em}
  .snake-player-numbers b{margin-top:2px;font-size:11px}

  .snake-journey-card{display:grid;grid-template-columns:minmax(0,1fr) 58px;grid-template-areas:"heading ring" "progress progress" "copy copy";align-items:center;column-gap:7px;padding:9px 9px 8px;text-align:left}
  .snake-journey-card .snake-mini-heading{grid-area:heading}
  .snake-journey-card .snake-mini-heading small{font-size:5.2px}
  .snake-journey-card .snake-mini-heading b{margin-top:3px;font-size:9px;line-height:1.25}
  .snake-position-ring{grid-area:ring;width:56px;height:56px;margin:0;align-items:center}
  .snake-position-ring span{font-size:23px;line-height:1}
  .snake-position-ring small{margin-left:1px;font-size:5px}
  .snake-rail-progress{grid-area:progress;height:4px;margin-top:7px}
  .snake-journey-card p{grid-area:copy;margin:5px 0 0;font-size:5.7px;line-height:1.35;text-align:left}

  .snake-prize-card{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"icon label" "icon title" "desc desc";column-gap:7px;align-items:center;padding:9px}
  .snake-prize-icon{grid-area:icon;width:30px;height:30px;display:grid;place-items:center;margin:0;border-radius:9px;background:rgba(255,194,59,.08);font-size:17px}
  .snake-prize-card>small{grid-area:label;align-self:end;font-size:5px}
  .snake-prize-card>b{grid-area:title;margin-top:1px;font-size:9px;line-height:1.2}
  .snake-prize-card>p{grid-area:desc;overflow:hidden;margin:5px 0 0;font-size:5.7px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
  .snake-prize-card:after{right:-34px;bottom:-42px;width:86px;height:86px}

  .snake-last-result-card{padding:9px}
  .snake-last-result-card .snake-mini-heading small{font-size:5.2px}
  .snake-last-result-card .snake-mini-heading b{margin-top:3px;font-size:9px}
  .snake-last-reward{gap:6px;margin-top:7px;padding:7px;border-radius:9px}
  .snake-last-reward>span{width:29px;height:29px;border-radius:8px;font-size:15px}
  .snake-last-reward b{font-size:7px}.snake-last-reward small{margin-top:2px;font-size:5.7px}

  .snake-board-zone{padding:9px 9px 10px;border-radius:18px}
  .snake-board-toolbar{padding:0 1px 7px}
  .snake-board-toolbar h1{font-size:15px}.snake-board-toolbar p{font-size:7px}

  .snake-control-card{padding:11px}
  .snake-control-heading small{font-size:5.2px}
  .snake-control-heading h2{margin:3px 0;font-size:14px;line-height:1.1}
  .snake-control-heading p{min-height:18px;font-size:6px;line-height:1.35}
  .snake-dice-stage{grid-template-columns:1fr 36px 1fr;gap:5px;margin:10px 0 8px}
  .snake-die{width:58px;height:58px;border-radius:16px;font-size:27px}
  .snake-dice-total{width:36px;height:36px;border-radius:11px}
  .snake-dice-total small{font-size:4.5px}.snake-dice-total b{font-size:14px}
  .snake-roll-button{height:42px;margin-top:7px;border-radius:11px;font-size:9.5px}
  .snake-roll-button span{font-size:14px}
  .snake-roll-balance{margin-top:6px;padding:6px 8px;border-radius:9px;font-size:6px}
  .snake-roll-balance b{font-size:10px}
  .snake-result-card{gap:7px;margin-top:7px;padding:7px;border-radius:10px}
  .snake-result-card>span{flex-basis:30px;width:30px;height:30px;border-radius:8px;font-size:17px}
  .snake-result-card small{font-size:5px}.snake-result-card b{margin-top:2px;font-size:7.5px}.snake-result-card p{margin-top:2px;font-size:5.8px;line-height:1.3}

  .snake-rules-card{padding:9px}
  .snake-rules-card .snake-mini-heading small{font-size:5px}
  .snake-rules-card .snake-mini-heading b{margin-top:3px;font-size:8.5px}
  .snake-rules-card .snake-rule-list{gap:5px;margin-top:7px}
  .snake-rules-card .snake-rule-list span{grid-template-columns:23px minmax(0,1fr);gap:6px;padding:6px;border-radius:8px}
  .snake-rules-card .snake-rule-list>span>i{width:23px;height:23px;border-radius:7px;font-size:5.5px}
  .snake-rules-card .snake-rule-list b{font-size:6.8px}.snake-rules-card .snake-rule-list small{margin-top:1px;font-size:5.2px;line-height:1.25}
}
@media(min-width:1180px) and (max-width:1280px){
  .snake-premium-shell{width:calc(100% - 14px)}
  .snake-game-stage{grid-template-columns:156px minmax(620px,1fr) 222px;gap:7px}
  .snake-game-topbar,.snake-game-stage,.snake-premium-history{max-width:calc(100vw - 14px)}
}


/* v2.1 — readability upgrade desktop/mobile without changing board size */
@media (min-width: 821px){
  .snake-shell{width:min(1540px,calc(100% - 28px));padding-top:16px}
  .snake-game-topbar{padding:16px 18px;border-radius:18px}
  .snake-game-topbar .snake-brand>span{width:42px;height:42px;border-radius:13px;font-size:22px}
  .snake-game-topbar .snake-brand b{font-size:17px;line-height:1.18}
  .snake-game-topbar .snake-brand small{font-size:9.6px;line-height:1.35}
  .snake-top-actions{gap:9px}
  .snake-icon-button,.snake-logout-button{min-height:40px}
  .snake-icon-button{width:40px;height:40px;font-size:15px}
  .snake-logout-button{padding:0 14px;font-size:10.5px}

  .snake-player-card,.snake-journey-card,.snake-prize-card,.snake-last-result-card{padding:14px}
  .snake-player-avatar{width:54px;height:54px;margin-bottom:11px;border-radius:15px;font-size:24px}
  .snake-player-identity small{font-size:7px;letter-spacing:.13em}
  .snake-player-identity h2{margin:5px 0 2px;font-size:15px;line-height:1.15}
  .snake-player-identity>span{font-size:8.6px;line-height:1.35}
  .snake-tester-badge{margin-top:7px;padding:6px 10px;font-size:7px;letter-spacing:.1em}
  .snake-player-numbers{gap:8px;margin-top:11px}
  .snake-player-numbers>div{padding:10px 8px;border-radius:11px}
  .snake-player-numbers small{font-size:6.1px;letter-spacing:.08em}
  .snake-player-numbers b{margin-top:2px;font-size:15px}

  .snake-journey-card .snake-mini-heading small,
  .snake-prize-card>small,
  .snake-last-result-card .snake-mini-heading small,
  .snake-control-heading small,
  .snake-rules-card .snake-mini-heading small{font-size:6.2px;letter-spacing:.13em}
  .snake-journey-card .snake-mini-heading b,
  .snake-rules-card .snake-mini-heading b,
  .snake-last-result-card .snake-mini-heading b{margin-top:4px;font-size:12px;line-height:1.25}
  .snake-position-ring span{font-size:44px;line-height:1}
  .snake-position-ring small{font-size:8.2px}
  .snake-journey-card p{margin-top:8px;font-size:8.6px;line-height:1.45}
  .snake-prize-icon{width:38px;height:38px;font-size:22px}
  .snake-prize-card>b{margin-top:4px;font-size:12px;line-height:1.25}
  .snake-prize-card>p{margin-top:6px;font-size:8.6px;line-height:1.45}
  .snake-last-reward>span{width:34px;height:34px;font-size:18px}
  .snake-last-reward b{font-size:8.9px;line-height:1.3}
  .snake-last-reward small{font-size:7.2px;line-height:1.35}

  .snake-board-toolbar span{font-size:9px;letter-spacing:.14em}
  .snake-board-toolbar h1{font-size:24px;line-height:1.18;margin:5px 0 3px}
  .snake-board-toolbar p{font-size:10px;line-height:1.45}
  .snake-legend span{padding:6px 8px;font-size:8px}
  .snake-board-expand{height:34px;padding:0 10px;font-size:9px}
  .snake-board-caption span{font-size:8.5px}

  .snake-control-card{padding:18px}
  .snake-control-heading h2{margin:5px 0 5px;font-size:18px;line-height:1.16}
  .snake-control-heading p{min-height:30px;font-size:8.8px;line-height:1.45}
  .snake-die{width:72px;height:72px;border-radius:18px;font-size:34px}
  .snake-dice-total{width:44px;height:44px}
  .snake-dice-total small{font-size:5.4px}
  .snake-dice-total b{font-size:16px}
  .snake-roll-button{height:48px;font-size:12px}
  .snake-roll-balance{font-size:8px}
  .snake-roll-balance b{font-size:11px}
  .snake-result-card{padding:10px 11px}
  .snake-result-card>span{width:34px;height:34px;font-size:18px}
  .snake-result-card b{font-size:9px}
  .snake-result-card p{font-size:7.4px;line-height:1.4}
  .snake-rules-card .snake-rule-list>span>i{width:24px;height:24px;font-size:6px}
  .snake-rules-card .snake-rule-list b{font-size:7.8px;line-height:1.3}
  .snake-rules-card .snake-rule-list small{font-size:6.4px;line-height:1.35}

  .snake-cell b{font-size:10.4px}
  .snake-cell .cell-jump small{font-size:6.3px}
}

@media (max-width: 820px){
  .snake-game-topbar .snake-brand b{font-size:11px;line-height:1.2}
  .snake-game-topbar .snake-brand small{font-size:6.7px;line-height:1.3}
  .snake-mobile-status-card small{font-size:5.8px}
  .snake-mobile-status-card b{font-size:10px}
  .snake-mobile-status-card span{font-size:6.4px}
  .snake-cell b{font-size:7.2px}
}

@media (max-width: 560px){
  .snake-cell b{font-size:7.4px}
}


/* v2.2 — rebalance readable side panels; keep board dimensions unchanged */
@media (min-width:1180px){
  .snake-premium-shell{padding-top:10px}
  .snake-game-topbar,.snake-game-stage,.snake-premium-history{width:100%;margin-left:auto;margin-right:auto}
  .snake-game-topbar{min-height:64px;padding:10px 12px 10px 14px;border-radius:18px}
  .snake-game-topbar .snake-brand{gap:12px}
  .snake-game-topbar .snake-brand>span{width:48px;height:48px;border-radius:14px;font-size:25px}
  .snake-game-topbar .snake-brand b{font-size:18px;line-height:1.2}
  .snake-game-topbar .snake-brand small{margin-top:3px;font-size:10px;line-height:1.35}
  .snake-top-actions{gap:8px}
  .snake-icon-button{width:42px;height:42px;font-size:16px}
  .snake-logout-button{height:42px;padding:0 15px;font-size:11px}

  .snake-profile-rail,.snake-control-rail{top:78px;gap:10px}
  .snake-panel{border-radius:18px}

  .snake-player-card{padding:16px 14px;text-align:center}
  .snake-player-avatar{width:60px;height:60px;margin:0 auto 12px;border-radius:17px;font-size:27px}
  .snake-player-identity small{font-size:7.5px;letter-spacing:.14em}
  .snake-player-identity h2{margin:6px 0 3px;font-size:18px;line-height:1.15}
  .snake-player-identity>span{font-size:10px;line-height:1.35}
  .snake-tester-badge{margin:9px auto 0;padding:7px 10px;font-size:8px;letter-spacing:.1em}
  .snake-player-numbers{gap:8px;margin-top:13px}
  .snake-player-numbers>div{padding:11px 8px;border-radius:11px}
  .snake-player-numbers small{font-size:7px;letter-spacing:.08em}
  .snake-player-numbers b{margin-top:4px;font-size:17px;line-height:1.1}

  .snake-journey-card{display:block;padding:15px 14px 14px;text-align:center}
  .snake-journey-card .snake-mini-heading small{font-size:7px;letter-spacing:.13em}
  .snake-journey-card .snake-mini-heading b{display:block;margin-top:5px;font-size:13px;line-height:1.25}
  .snake-position-ring{width:78px;height:78px;margin:12px auto 10px;display:flex;align-items:center;justify-content:center}
  .snake-position-ring span{font-size:40px;line-height:1}
  .snake-position-ring small{margin-left:2px;font-size:8px}
  .snake-rail-progress{height:6px;margin-top:0}
  .snake-journey-card p{margin:9px 0 0;font-size:9px;line-height:1.5;text-align:center}

  .snake-prize-card{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"icon label" "icon title" "desc desc";column-gap:10px;align-items:center;padding:14px}
  .snake-prize-icon{grid-area:icon;width:42px;height:42px;margin:0;border-radius:12px;font-size:23px}
  .snake-prize-card>small{grid-area:label;align-self:end;font-size:7px;letter-spacing:.12em}
  .snake-prize-card>b{grid-area:title;margin-top:3px;font-size:13px;line-height:1.25}
  .snake-prize-card>p{grid-area:desc;overflow:visible;margin:9px 0 0;font-size:9px;line-height:1.45;white-space:normal;text-overflow:clip}

  .snake-last-result-card{padding:14px}
  .snake-last-result-card .snake-mini-heading small{font-size:7px;letter-spacing:.12em}
  .snake-last-result-card .snake-mini-heading b{margin-top:4px;font-size:12px;line-height:1.25}
  .snake-last-reward{gap:9px;margin-top:10px;padding:10px;border-radius:11px}
  .snake-last-reward>span{width:38px;height:38px;border-radius:10px;font-size:20px}
  .snake-last-reward b{font-size:10px;line-height:1.3}
  .snake-last-reward small{margin-top:3px;font-size:8px;line-height:1.35}

  .snake-board-zone{padding:12px 12px 14px}
  .snake-board-toolbar{padding:0 2px 10px}
  .snake-board-toolbar>div:first-child>span{font-size:9px;letter-spacing:.14em}
  .snake-board-toolbar h1{margin:5px 0 4px;font-size:25px;line-height:1.18}
  .snake-board-toolbar p{font-size:10.5px;line-height:1.45}
  .snake-board-tools{gap:8px}
  .snake-legend{gap:5px}
  .snake-legend span{padding:6px 8px;font-size:8.5px}
  .snake-board-expand{height:34px;padding:0 11px;font-size:9.5px}
  .snake-board-caption span{font-size:8.5px}

  .snake-control-card{padding:17px 15px}
  .snake-control-heading small{font-size:7px;letter-spacing:.13em}
  .snake-control-heading h2{margin:6px 0 5px;font-size:20px;line-height:1.15}
  .snake-control-heading p{min-height:32px;font-size:9.5px;line-height:1.45}
  .snake-dice-stage{grid-template-columns:1fr 44px 1fr;gap:8px;margin:15px 0 12px}
  .snake-die{width:76px;height:76px;border-radius:19px;font-size:36px}
  .snake-dice-total{width:44px;height:44px;border-radius:12px}
  .snake-dice-total small{font-size:5.5px}
  .snake-dice-total b{font-size:17px}
  .snake-roll-button{height:49px;margin-top:9px;border-radius:13px;font-size:12px}
  .snake-roll-button span{font-size:16px}
  .snake-roll-balance{margin-top:8px;padding:8px 10px;border-radius:10px;font-size:8px}
  .snake-roll-balance b{font-size:12px}
  .snake-result-card{gap:9px;margin-top:9px;padding:10px;border-radius:12px}
  .snake-result-card>span{flex-basis:36px;width:36px;height:36px;border-radius:10px;font-size:20px}
  .snake-result-card small{font-size:6.5px}
  .snake-result-card b{margin-top:3px;font-size:10px}
  .snake-result-card p{margin-top:3px;font-size:8px;line-height:1.4}

  .snake-rules-card{padding:14px}
  .snake-rules-card .snake-mini-heading small{font-size:7px;letter-spacing:.12em}
  .snake-rules-card .snake-mini-heading b{margin-top:4px;font-size:12px;line-height:1.25}
  .snake-rules-card .snake-rule-list{gap:7px;margin-top:10px}
  .snake-rules-card .snake-rule-list span{grid-template-columns:29px minmax(0,1fr);gap:8px;padding:9px;border-radius:10px}
  .snake-rules-card .snake-rule-list>span>i{width:29px;height:29px;border-radius:9px;font-size:7px}
  .snake-rules-card .snake-rule-list b{font-size:8.5px;line-height:1.3}
  .snake-rules-card .snake-rule-list small{margin-top:2px;font-size:7px;line-height:1.35}

  .snake-cell b{font-size:11.2px}
}

@media (min-width:1380px){
  .snake-premium-shell{width:min(1480px,calc(100% - 24px))}
  .snake-game-topbar,.snake-game-stage,.snake-premium-history{max-width:1364px}
  .snake-game-stage{grid-template-columns:220px 850px 270px;gap:12px;justify-content:center}
}

@media (min-width:1180px) and (max-width:1379px){
  .snake-premium-shell{width:calc(100% - 18px)}
  .snake-game-topbar,.snake-game-stage,.snake-premium-history{max-width:calc(100vw - 24px)}
  .snake-game-stage{grid-template-columns:190px minmax(680px,1fr) 250px;gap:10px}
  .snake-player-identity h2{font-size:16px}
  .snake-position-ring{width:70px;height:70px}
  .snake-position-ring span{font-size:36px}
  .snake-control-heading h2{font-size:18px}
  .snake-die{width:68px;height:68px;font-size:33px}
}

@media (max-width:820px){
  .snake-cell b{font-size:8px}
}
@media (max-width:430px){
  .snake-cell b{font-size:7.4px}
}

/* v2.3 — live players, shared board presence, and current leaderboard */
.snake-social-card{padding:14px}
.snake-social-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.snake-social-head>div small,.snake-social-head>div b{display:block}.snake-social-head>div small{color:#5edbd7;font-size:6.5px;font-weight:1000;letter-spacing:.14em}.snake-social-head>div b{margin-top:4px;font-size:12px;line-height:1.2}.snake-social-head>span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid rgba(81,214,156,.16);border-radius:999px;background:rgba(81,214,156,.07);color:#bdf8d8;font-size:7px;font-weight:900}.snake-social-head>span i,.snake-online-dot i{width:6px;height:6px;border-radius:50%;background:#51d69c;box-shadow:0 0 0 3px rgba(81,214,156,.12)}
.snake-social-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.028)}.snake-social-tabs button{min-height:31px;border:0;border-radius:8px;background:transparent;color:#86a3b5;font:inherit;font-size:7px;font-weight:900;cursor:pointer}.snake-social-tabs button.active{background:rgba(62,212,215,.12);color:#8cf2ee;box-shadow:inset 0 0 0 1px rgba(62,212,215,.14)}.snake-social-tabs button em{margin-left:4px;font-style:normal}
.snake-social-pane{display:none}.snake-social-pane.active{display:block}.snake-social-list,.snake-leaderboard-list{display:grid;gap:6px;max-height:240px;margin-top:8px;padding-right:2px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(81,214,206,.22) transparent}
.snake-social-player,.snake-leader-row{display:grid;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.028)}.snake-social-player{grid-template-columns:31px minmax(0,1fr) auto}.snake-leader-row{grid-template-columns:24px 31px minmax(0,1fr) auto}.snake-social-player.is-self,.snake-leader-row.is-self{border-color:rgba(255,194,63,.24);background:rgba(255,194,63,.065)}
.snake-social-avatar{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:10px;color:#fff;font-size:10px;font-weight:1000;box-shadow:0 6px 13px rgba(0,0,0,.18)}.snake-social-avatar.tone-0,.snake-other-avatar.tone-0{background:linear-gradient(145deg,#2dc8bd,#13778e)}.snake-social-avatar.tone-1,.snake-other-avatar.tone-1{background:linear-gradient(145deg,#f2a94a,#bc5e22)}.snake-social-avatar.tone-2,.snake-other-avatar.tone-2{background:linear-gradient(145deg,#7473e8,#41469a)}.snake-social-avatar.tone-3,.snake-other-avatar.tone-3{background:linear-gradient(145deg,#e76b91,#9a365c)}.snake-social-avatar.tone-4,.snake-other-avatar.tone-4{background:linear-gradient(145deg,#67c66f,#2e7846)}.snake-social-avatar.tone-5,.snake-other-avatar.tone-5{background:linear-gradient(145deg,#4e9fdc,#27577f)}
.snake-social-player b,.snake-social-player small,.snake-leader-row b,.snake-leader-row small{display:block}.snake-social-player b,.snake-leader-row b{overflow:hidden;color:#edf8ff;font-size:8px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.snake-social-player b em,.snake-leader-row b em{display:inline-flex;margin-left:3px;padding:2px 4px;border-radius:999px;background:rgba(255,194,63,.13);color:#ffd866;font-size:4.6px;font-style:normal;letter-spacing:.08em}.snake-social-player small,.snake-leader-row small{overflow:hidden;margin-top:2px;color:#839eaf;font-size:6.2px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.snake-online-dot{display:inline-flex;align-items:center;gap:5px;color:#9fe8c2;font-size:6px;font-weight:900}.snake-online-dot i{width:5px;height:5px}.snake-rank{color:#b8cedb;font-size:8px;font-weight:1000;text-align:center}.snake-rank-position{display:grid;justify-items:end;color:#eef8ff;font-size:7px;font-weight:900;white-space:nowrap}.snake-rank-position small{margin-top:3px!important;font-size:5.2px!important}.snake-rank-position small.online{color:#70dfa6}.snake-rank-position small.offline{color:#6f8999}.snake-social-empty{margin:0;padding:17px 8px;border:1px dashed rgba(255,255,255,.09);border-radius:10px;color:#7894a6;font-size:7px;line-height:1.5;text-align:center}
.snake-mobile-social-bar{display:none}
.snake-other-players{position:absolute;left:4px;bottom:4px;z-index:7;display:flex;align-items:center}.snake-other-avatar,.snake-other-more{width:20px;height:20px;display:grid;place-items:center;margin-left:-5px;border:2px solid #09223a;border-radius:50%;color:#fff;font-size:7px;font-weight:1000;font-style:normal;box-shadow:0 4px 8px rgba(0,0,0,.3)}.snake-other-avatar:first-child{margin-left:0}.snake-other-more{background:#173c59;color:#cce3ef;font-size:6px}
.snake-social-modal[hidden]{display:none}.snake-social-modal{position:fixed;inset:0;z-index:190;display:grid;place-items:end center;padding:10px}.snake-social-backdrop{position:absolute;inset:0;background:rgba(0,7,15,.76);backdrop-filter:blur(7px)}.snake-social-sheet{position:relative;z-index:1;width:min(520px,100%);max-height:min(78vh,680px);overflow:hidden;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:24px 24px 17px 17px;background:linear-gradient(145deg,#0c2a45,#06192b);box-shadow:0 28px 85px rgba(0,0,0,.55)}.snake-social-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.snake-social-sheet-head small,.snake-social-sheet-head b{display:block}.snake-social-sheet-head small{color:#5edbd7;font-size:6.5px;font-weight:1000;letter-spacing:.14em}.snake-social-sheet-head b{margin-top:4px;font-size:14px}.snake-social-sheet-head button{width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.05);color:#d8ebf4;font-size:20px;cursor:pointer}.snake-social-sheet .snake-social-list,.snake-social-sheet .snake-leaderboard-list{max-height:calc(78vh - 145px)}body.snake-social-open{overflow:hidden}

@media(min-width:821px){.snake-control-rail .snake-social-card{display:block}.snake-social-modal,.snake-mobile-social-bar{display:none!important}}
@media(max-width:820px){
  .snake-social-card{display:none!important}.snake-mobile-social-bar{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.snake-mobile-social-bar button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-height:39px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.04);color:#dcecf4;font:inherit;cursor:pointer}.snake-mobile-social-bar button>span{font-size:15px}.snake-mobile-social-bar button>b{font-size:8px;text-align:left}.snake-mobile-social-bar button>em{padding:4px 7px;border-radius:999px;background:rgba(62,212,215,.1);color:#7ee8e3;font-size:6px;font-style:normal;font-weight:900}
  .snake-other-players{left:2px;bottom:2px}.snake-other-avatar,.snake-other-more{width:15px;height:15px;margin-left:-4px;border-width:1px;font-size:5.5px}.snake-other-avatar:first-child{margin-left:0}
  .snake-social-player{grid-template-columns:36px minmax(0,1fr) auto;padding:10px}.snake-leader-row{grid-template-columns:28px 36px minmax(0,1fr) auto;padding:10px}.snake-social-avatar{width:36px;height:36px;border-radius:11px;font-size:11px}.snake-social-player b,.snake-leader-row b{font-size:9px}.snake-social-player small,.snake-leader-row small{font-size:7px}.snake-online-dot,.snake-rank-position{font-size:7px}.snake-social-list,.snake-leaderboard-list{gap:7px;margin-top:10px}.snake-social-tabs button{min-height:36px;font-size:8px}.snake-social-empty{font-size:8px}
}

/* v2.4 — multi-level progression */
.snake-journey-card{position:relative;overflow:hidden}.snake-journey-card:after{content:"";position:absolute;right:-30px;top:-34px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(62,212,215,.12),transparent 68%);pointer-events:none}.snake-prize-card{border-color:rgba(255,194,63,.2)}
@media(min-width:821px){.snake-board-toolbar>div:first-child>span{color:#ffd06b}.snake-mobile-status-card{display:none}}
@media(max-width:820px){.snake-mobile-status-card{grid-template-columns:repeat(2,minmax(0,1fr))!important}.snake-mobile-status-card>div:first-child{border-color:rgba(255,194,63,.22);background:linear-gradient(145deg,rgba(255,194,63,.08),rgba(8,29,50,.82))}.snake-board-toolbar>div:first-child>span{color:#ffd06b}.snake-board-toolbar h1{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* v2.37 — emphasize START and GRAND tiles */
.snake-cell.is-start,
.snake-cell.is-finish{
  position:relative;
}
.snake-cell.is-start > b,
.snake-cell.is-finish > b{
  position:absolute;
  top:6px;
  left:7px;
  z-index:5;
  font-size:10px;
  font-weight:1000;
}
.snake-cell.is-start .cell-marker,
.snake-cell.is-finish .cell-marker{
  position:absolute;
  inset:9px 6px 6px 6px;
  z-index:4;
  display:flex !important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:4px;
  color:#f5fbff;
  white-space:normal;
  text-align:left;
}
.snake-cell.is-start .cell-marker i,
.snake-cell.is-finish .cell-marker i{
  font-style:normal;
  font-size:clamp(16px,1.7vw,24px) !important;
  line-height:1;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.35));
}
.snake-cell.is-start .cell-marker small,
.snake-cell.is-finish .cell-marker small{
  display:block !important;
  font-size:clamp(8px,.78vw,11px) !important;
  font-weight:1000;
  letter-spacing:.08em;
  line-height:1.05;
  text-shadow:0 1px 2px rgba(0,0,0,.4);
}
.snake-cell.is-start .cell-marker small{
  color:#d8fffb;
}
.snake-cell.is-finish .cell-marker small{
  color:#fff1b8;
}

@media (max-width:820px){
  .snake-cell.is-start > b,
  .snake-cell.is-finish > b{
    top:4px;
    left:4px;
    font-size:7px;
  }
  .snake-cell.is-start .cell-marker,
  .snake-cell.is-finish .cell-marker{
    inset:7px 3px 3px 3px;
    gap:2px;
  }
  .snake-cell.is-start .cell-marker i,
  .snake-cell.is-finish .cell-marker i{
    font-size:11px !important;
  }
  .snake-cell.is-start .cell-marker small,
  .snake-cell.is-finish .cell-marker small{
    display:block !important;
    font-size:5.1px !important;
    letter-spacing:.06em;
  }
}

@media (max-width:430px){
  .snake-cell.is-start .cell-marker i,
  .snake-cell.is-finish .cell-marker i{
    font-size:9px !important;
  }
  .snake-cell.is-start .cell-marker small,
  .snake-cell.is-finish .cell-marker small{
    font-size:4.4px !important;
  }
}

/* v2.38 — clearer START / GRAND tile labels */
.snake-cell.is-start,
.snake-cell.is-finish{
  position:relative;
}
.snake-cell.is-start > b,
.snake-cell.is-finish > b{
  position:absolute !important;
  top:4px !important;
  left:5px !important;
  z-index:6 !important;
  font-size:10px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  color:#ffffff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.45) !important;
}
.snake-cell.is-start .cell-marker,
.snake-cell.is-finish .cell-marker{
  position:absolute !important;
  top:10px !important;
  left:6px !important;
  right:6px !important;
  bottom:6px !important;
  z-index:5 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:4px !important;
  white-space:normal !important;
  text-align:left !important;
  pointer-events:none !important;
}
.snake-cell.is-start .cell-marker i,
.snake-cell.is-finish .cell-marker i{
  font-style:normal !important;
  font-size:22px !important;
  line-height:1 !important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.32)) !important;
}
.snake-cell.is-start .cell-marker small,
.snake-cell.is-finish .cell-marker small{
  display:none !important;
}
.snake-cell.is-start .cell-marker strong,
.snake-cell.is-finish .cell-marker strong{
  display:block !important;
  font-size:12px !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  letter-spacing:.08em !important;
  text-shadow:0 1px 2px rgba(0,0,0,.38) !important;
}
.snake-cell.is-start .cell-marker strong{color:#dffffa !important}
.snake-cell.is-finish .cell-marker strong{color:#fff1bd !important}

@media (max-width: 820px){
  .snake-cell.is-start > b,
  .snake-cell.is-finish > b{
    top:2px !important;
    left:3px !important;
    font-size:6px !important;
  }
  .snake-cell.is-start .cell-marker,
  .snake-cell.is-finish .cell-marker{
    top:6px !important;
    left:3px !important;
    right:3px !important;
    bottom:3px !important;
    gap:1px !important;
  }
  .snake-cell.is-start .cell-marker i,
  .snake-cell.is-finish .cell-marker i{
    font-size:10px !important;
  }
  .snake-cell.is-start .cell-marker strong,
  .snake-cell.is-finish .cell-marker strong{
    font-size:5px !important;
    letter-spacing:.04em !important;
  }
}


/* v2.39 — definitive big START / GRAND markers, independent from old cell-jump style */
.snake-cell.is-start,.snake-cell.is-finish{position:relative!important;overflow:hidden!important}
.snake-cell.is-start>b,.snake-cell.is-finish>b{position:absolute!important;top:5px!important;left:6px!important;z-index:8!important;font-size:10.5px!important;line-height:1!important;font-weight:1000!important;color:#f4fbff!important;text-shadow:0 1px 3px rgba(0,0,0,.45)!important}
.snake-big-cell-marker{position:absolute!important;inset:14px 4px 5px 4px!important;z-index:7!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:4px!important;text-align:left!important;white-space:normal!important;pointer-events:none!important}
.snake-big-cell-marker i{display:block!important;font-style:normal!important;font-size:25px!important;line-height:.95!important;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))!important}
.snake-big-cell-marker strong{display:block!important;font-size:12px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.08em!important;text-shadow:0 1px 3px rgba(0,0,0,.45)!important}
.snake-big-cell-marker.marker-start strong{color:#dffdfa!important}.snake-big-cell-marker.marker-grand strong{color:#fff0b6!important}
.snake-cell.is-start{border-color:rgba(72,217,210,.58)!important;background:radial-gradient(circle at 55% 45%,rgba(72,217,210,.16),transparent 54%),linear-gradient(145deg,rgba(15,70,88,.58),rgba(7,24,41,.82))!important}
.snake-cell.is-finish{border-color:rgba(255,196,62,.7)!important;background:radial-gradient(circle at 58% 42%,rgba(255,221,118,.28),transparent 54%),linear-gradient(145deg,rgba(255,196,62,.20),rgba(7,24,41,.78))!important}
@media(max-width:820px){.snake-cell.is-start>b,.snake-cell.is-finish>b{top:3px!important;left:3px!important;font-size:6.4px!important}.snake-big-cell-marker{inset:8px 2px 2px 2px!important;gap:1px!important}.snake-big-cell-marker i{font-size:11px!important}.snake-big-cell-marker strong{font-size:5.2px!important;letter-spacing:.04em!important}}
@media(max-width:430px){.snake-big-cell-marker i{font-size:9.5px!important}.snake-big-cell-marker strong{font-size:4.6px!important}}


/* v2.40 — centered START/100 markers + Level 1–4 level-up tile */
.snake-big-cell-marker{inset:14px 4px 6px 4px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center!important}
.snake-big-cell-marker i{font-size:24px!important;line-height:1!important;margin:0 auto!important}
.snake-big-cell-marker strong{font-size:12px!important;line-height:1.05!important;letter-spacing:.06em!important;text-align:center!important}
.snake-big-cell-marker.marker-start strong{color:#dffdfa!important}
.snake-big-cell-marker.marker-grand strong{color:#fff0b6!important}
.snake-big-cell-marker.marker-levelup strong{color:#bff5ff!important}
.snake-cell.is-start{border-color:rgba(72,217,210,.62)!important;background:radial-gradient(circle at 50% 46%,rgba(72,217,210,.20),transparent 54%),linear-gradient(145deg,rgba(15,70,88,.62),rgba(7,24,41,.86))!important}
.snake-cell.is-finish{border-color:rgba(255,196,62,.70)!important;background:radial-gradient(circle at 50% 42%,rgba(255,221,118,.30),transparent 56%),linear-gradient(145deg,rgba(255,196,62,.20),rgba(7,24,41,.78))!important}
.snake-cell.is-finish .snake-big-cell-marker.marker-levelup{padding:4px 0!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(64,221,224,.10),rgba(64,221,224,.02))!important}
@media(max-width:820px){.snake-big-cell-marker{inset:8px 2px 3px 2px!important;gap:2px!important}.snake-big-cell-marker i{font-size:11px!important}.snake-big-cell-marker strong{font-size:5.2px!important;letter-spacing:.03em!important}}
@media(max-width:430px){.snake-big-cell-marker i{font-size:9px!important}.snake-big-cell-marker strong{font-size:4.4px!important}}


/* v2.41 — premium snake visual redesign */
.snake-board-overlay{opacity:.92;filter:drop-shadow(0 7px 12px rgba(0,0,0,.34)) saturate(1.05)}
.sn-snake-premium{opacity:.90}
.sn-snake-shadow{stroke:rgba(0,0,0,.38);stroke-linecap:round;stroke-linejoin:round;fill:none;filter:blur(.4px)}
.sn-snake-outline{stroke:rgba(77,35,20,.86);stroke-linecap:round;stroke-linejoin:round;fill:none}
.sn-snake-body{stroke:url(#snSnakeGrad);stroke-linecap:round;stroke-linejoin:round;fill:none}
.sn-snake-highlight{stroke:rgba(255,239,183,.72);stroke-linecap:round;stroke-linejoin:round;fill:none;mix-blend-mode:screen}
.sn-snake-scale{fill:rgba(255,232,178,.55);stroke:rgba(112,54,27,.22);stroke-width:.6}
.sn-snake-tail-fin{fill:#b64a24;stroke:rgba(61,27,15,.66);stroke-width:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.sn-snake-head-shadow{fill:rgba(52,21,12,.68);filter:blur(.3px)}
.sn-snake-head{fill:url(#snSnakeHeadGrad);stroke:#733419;stroke-width:1.2}
.sn-snake-head-glow{fill:rgba(255,235,158,.22)}
.sn-snake-eye{fill:#fff7df;stroke:rgba(83,35,18,.55);stroke-width:.6}
.sn-snake-pupil{fill:#1a0c06}
.sn-snake-mouth{fill:none;stroke:rgba(92,31,20,.55);stroke-width:1;stroke-linecap:round}
.sn-snake-tongue{stroke:#ff6f86;stroke-width:1.55;stroke-linecap:round;fill:none}
@media(max-width:820px){.snake-board-overlay{opacity:.88}.sn-snake-premium{opacity:.84}.sn-snake-scale{opacity:.7}.sn-snake-highlight{opacity:.78}}


/* v2.42 — emerald premium snake visual, visibly different from old orange snake */
.sn-snake-premium{opacity:.94!important;filter:drop-shadow(0 5px 8px rgba(0,0,0,.22)) drop-shadow(0 0 8px rgba(65,232,204,.10))!important}
.sn-snake-shadow{stroke:rgba(0,8,16,.42)!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;filter:blur(.55px)!important}
.sn-snake-outline{stroke:rgba(4,26,42,.92)!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important}
.sn-snake-body{stroke:url(#snSnakeGrad)!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important}
.sn-snake-highlight{stroke:rgba(238,255,249,.82)!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important;mix-blend-mode:screen!important}
.sn-snake-scale{fill:rgba(238,255,249,.72)!important;stroke:rgba(12,68,75,.35)!important;stroke-width:.55!important}
.sn-snake-tail-fin{fill:#33d9c4!important;stroke:rgba(4,33,48,.75)!important;stroke-width:1!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))!important}
.sn-snake-head-shadow{fill:rgba(4,22,36,.72)!important;filter:blur(.35px)!important}
.sn-snake-head{fill:url(#snSnakeHeadGrad)!important;stroke:#07384d!important;stroke-width:1.25!important}
.sn-snake-head-glow{fill:rgba(234,255,250,.28)!important}
.sn-snake-eye{fill:#fffdf1!important;stroke:rgba(6,48,61,.72)!important;stroke-width:.65!important}
.sn-snake-pupil{fill:#051522!important}
.sn-snake-mouth{fill:none!important;stroke:rgba(5,49,61,.65)!important;stroke-width:1!important;stroke-linecap:round!important}
.sn-snake-tongue{stroke:#ff5f88!important;stroke-width:1.5!important;stroke-linecap:round!important;fill:none!important}
@media(max-width:820px){.sn-snake-premium{opacity:.88!important}.sn-snake-scale{opacity:.68!important}.sn-snake-highlight{opacity:.88!important}}


/* v2.43 — premium synced login/register auth screen */
.snake-auth-body{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:28px;
  background:
    radial-gradient(circle at 14% 16%,rgba(45,202,204,.24),transparent 32%),
    radial-gradient(circle at 86% 10%,rgba(255,194,63,.14),transparent 27%),
    radial-gradient(circle at 54% 96%,rgba(85,95,255,.18),transparent 30%),
    linear-gradient(145deg,#031423,#061b31 50%,#061425)!important;
}
.snake-auth-body .snake-ambient i:nth-child(1){opacity:.24;filter:blur(95px)}
.snake-auth-body .snake-ambient i:nth-child(2){opacity:.16;filter:blur(105px)}
.snake-auth-body .snake-ambient i:nth-child(3){opacity:.16;filter:blur(95px)}
.snake-auth-shell{
  position:relative;
  width:min(1120px,calc(100vw - 56px));
  min-height:650px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:stretch;
  overflow:hidden;
  border:1px solid rgba(147,209,225,.18);
  border-radius:30px;
  background:linear-gradient(135deg,rgba(13,48,74,.92),rgba(5,22,39,.92));
  box-shadow:0 38px 120px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.02) inset;
  backdrop-filter:blur(24px) saturate(135%);
}
.snake-auth-shell:before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 25% 10%,rgba(73,232,226,.20),transparent 34%),
    radial-gradient(circle at 78% 8%,rgba(255,194,63,.10),transparent 28%);
}
.snake-auth-brand,.snake-auth-card{position:relative;z-index:1;min-height:650px}
.snake-auth-brand{
  justify-content:center;
  padding:60px 64px;
  border-right:1px solid rgba(255,255,255,.06);
  background:
    linear-gradient(135deg,rgba(51,210,210,.09),rgba(255,255,255,0) 42%),
    radial-gradient(circle at 17% 20%,rgba(62,212,215,.20),transparent 34%),
    linear-gradient(145deg,rgba(19,68,94,.96),rgba(7,31,52,.96));
}
.snake-auth-brand:after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-110px;
  width:270px;
  height:270px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(62,212,215,.14),transparent 66%);
  pointer-events:none;
}
.snake-auth-brand .snake-kicker{
  width:max-content;
  padding:8px 14px;
  border-color:rgba(111,239,234,.30);
  background:rgba(62,212,215,.11);
  color:#a4fffb;
  box-shadow:0 0 24px rgba(62,212,215,.08);
}
.snake-auth-brand h1{
  max-width:520px;
  margin:18px 0 16px;
  font-size:clamp(50px,5.4vw,78px);
  line-height:.94;
  letter-spacing:-.065em;
}
.snake-auth-brand>p{
  max-width:500px;
  color:#bfd3df;
  font-size:13px;
  line-height:1.72;
}
.snake-auth-features{
  max-width:510px;
  gap:10px;
  margin-top:28px;
}
.snake-auth-features span{
  min-height:45px;
  display:flex;
  align-items:center;
  padding:12px 14px;
  border-color:rgba(255,255,255,.11);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  color:#e1f1f8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.snake-auth-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px 46px;
  background:
    radial-gradient(circle at 92% 12%,rgba(62,212,215,.07),transparent 35%),
    linear-gradient(180deg,rgba(7,27,48,.94),rgba(4,19,35,.96));
}
.snake-auth-head span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#77efea;
  font-size:8px;
  font-weight:1000;
  letter-spacing:.13em;
}
.snake-auth-head span:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#43e1dc;
  box-shadow:0 0 0 4px rgba(67,225,220,.10),0 0 15px rgba(67,225,220,.34);
}
.snake-auth-head h2{
  margin:9px 0 7px;
  color:#f7fcff;
  font-size:30px;
  letter-spacing:-.035em;
}
.snake-auth-head p{
  max-width:500px;
  color:#a9bfcc;
  font-size:11.5px;
  line-height:1.6;
}
.snake-auth-tabs{
  height:58px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-top:24px;
  padding:6px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:17px;
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.snake-auth-tabs button{
  height:46px;
  border-radius:12px;
  color:#9fb5c5;
  font-size:9.5px;
  transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.snake-auth-tabs button.active{
  background:linear-gradient(135deg,#2fd0ce,#199eb9);
  color:#042333;
  box-shadow:0 12px 28px rgba(38,194,201,.18),inset 0 1px 0 rgba(255,255,255,.28);
}
.snake-auth-tabs button:hover{transform:translateY(-1px)}
.snake-auth-form{
  margin-top:18px;
  gap:12px;
}
.snake-auth-form.active{
  display:grid;
  align-content:start;
}
.snake-auth-form label{
  gap:7px;
  color:#b8cbd6;
  font-size:8px;
  letter-spacing:.02em;
}
.snake-auth-form input{
  height:50px;
  padding:0 15px;
  border:1px solid rgba(163,209,224,.16);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.04));
  color:#f8fcff;
  font-size:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.snake-auth-form input:focus{
  border-color:rgba(67,225,220,.78);
  box-shadow:0 0 0 4px rgba(62,212,215,.10),inset 0 1px 0 rgba(255,255,255,.06);
}
.snake-auth-form button{
  height:54px;
  margin-top:4px;
  border-radius:15px;
  background:linear-gradient(135deg,#ffc84e,#ff982d);
  color:#2b1b00;
  font-size:11.5px;
  box-shadow:0 16px 34px rgba(255,165,38,.22),inset 0 1px 0 rgba(255,255,255,.38);
  transition:transform .18s ease,filter .18s ease;
}
.snake-auth-form button:hover{transform:translateY(-1px);filter:brightness(1.03)}
.snake-auth-card .snake-alert{
  margin-top:14px;
  padding:13px 15px;
  border-radius:15px;
  font-size:10.5px;
  line-height:1.45;
}
.snake-back-link{
  width:max-content;
  margin-top:16px;
  color:#9bb4c5;
  font-size:9.5px;
}
.snake-workspace-list a{
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}
@media(min-width:761px){
  .snake-auth-card:has([data-auth-panel="register"].active){justify-content:center}
}
@media(max-width:760px){
  .snake-auth-body{padding:10px;place-items:start center}
  .snake-auth-shell{width:100%;min-height:0;grid-template-columns:1fr;border-radius:24px}
  .snake-auth-brand,.snake-auth-card{min-height:auto}
  .snake-auth-brand{padding:34px 24px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}
  .snake-auth-brand h1{font-size:42px}
  .snake-auth-brand>p{font-size:11px}
  .snake-auth-card{padding:25px 20px 27px}
  .snake-auth-head h2{font-size:25px}
  .snake-auth-tabs{height:54px;margin-top:20px}
  .snake-auth-tabs button{height:42px}
  .snake-auth-form input{height:48px}
  .snake-auth-form button{height:52px}
}
@media(max-width:430px){
  .snake-auth-brand{padding:30px 20px}
  .snake-auth-brand h1{font-size:36px;letter-spacing:-.055em}
  .snake-auth-features{grid-template-columns:1fr}
  .snake-auth-card{padding:22px 17px 24px}
}


/* v2.45 — restore WG Arcade copyright footer on player/auth pages */
.snake-license-footer{position:relative;z-index:5;width:min(1320px,calc(100% - 28px));margin:14px auto 24px;padding:10px 12px;color:rgba(169,192,209,.78);font-size:10px;font-weight:800;letter-spacing:.02em;line-height:1.4;text-align:center}
.snake-license-footer--game{margin-top:8px;margin-bottom:18px}
.snake-license-footer--auth{width:min(1080px,calc(100% - 28px));margin-top:18px;margin-bottom:24px;color:rgba(190,209,220,.75)}
@media(max-width:820px){.snake-license-footer{width:calc(100% - 16px);margin:10px auto 98px;font-size:8px}.snake-license-footer--auth{margin-bottom:16px}}


/* v2.46 — premium workspace selection screen */
.snake-auth-card--workspace{justify-content:center!important;padding:46px!important}
.snake-workspace-select{position:relative;display:grid;gap:16px;width:100%;max-width:520px;margin:0 auto}
.snake-workspace-select:before{content:"";position:absolute;right:-70px;top:-80px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(45,202,204,.16),transparent 68%);pointer-events:none}
.snake-workspace-hero-card{position:relative;overflow:hidden;padding:24px 24px 22px;border:1px solid rgba(114,230,226,.18);border-radius:24px;background:linear-gradient(145deg,rgba(45,202,204,.10),rgba(255,255,255,.035));box-shadow:0 18px 42px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.05)}
.snake-workspace-hero-card:after{content:"";position:absolute;right:-38px;bottom:-46px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,rgba(255,194,63,.16),transparent 66%)}
.snake-auth-pill{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:8px 11px;border:1px solid rgba(104,235,230,.24);border-radius:999px;background:rgba(62,212,215,.10);color:#8efffb;font-size:8px;font-weight:1000;letter-spacing:.12em}
.snake-auth-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#45e1dc;box-shadow:0 0 0 4px rgba(69,225,220,.12)}
.snake-workspace-hero-card h2{position:relative;z-index:1;margin:14px 0 8px;color:#f7fcff;font-size:32px;line-height:1.04;letter-spacing:-.045em}
.snake-workspace-hero-card p{position:relative;z-index:1;max-width:420px;margin:0;color:#abc1cf;font-size:11.5px;line-height:1.65}
.snake-workspace-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.snake-workspace-guide span{min-height:54px;padding:11px 10px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);color:#bdd2de;font-size:8px;font-weight:850;line-height:1.35}
.snake-workspace-guide b{display:block;margin-bottom:5px;color:#6ff0eb;font-size:10px;letter-spacing:.08em}
.snake-workspace-list{display:grid;gap:10px;margin-top:0!important}
.snake-workspace-list .snake-empty{padding:18px;border-radius:17px}
.snake-workspace-card{position:relative;display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;align-items:center;gap:13px!important;padding:14px!important;border:1px solid rgba(142,221,234,.16)!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;color:#fff!important;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.snake-workspace-card:hover{transform:translateY(-2px)!important;border-color:rgba(75,229,223,.42)!important;background:linear-gradient(145deg,rgba(62,212,215,.12),rgba(255,255,255,.035))!important;box-shadow:0 18px 40px rgba(0,0,0,.20),0 0 0 1px rgba(75,229,223,.08) inset}
.snake-workspace-logo{width:54px!important;height:54px!important;display:grid!important;place-items:center!important;border:1px solid rgba(95,236,230,.20)!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(69,225,220,.18),rgba(69,225,220,.06))!important;font-size:25px!important;box-shadow:0 12px 28px rgba(45,202,204,.12)!important}
.snake-workspace-card div small{display:block;color:#71e8e4;font-size:6.8px;font-weight:1000;letter-spacing:.14em}
.snake-workspace-card div b{display:block;margin-top:4px;color:#f8fcff;font-size:14px;line-height:1.15}
.snake-workspace-card div em{display:block;margin-top:3px;color:#91aaba;font-size:8.5px;font-style:normal}
.snake-workspace-card>i{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.055);color:#dff7fb;font-size:8.5px;font-style:normal;font-weight:1000;white-space:nowrap}
.snake-auth-card--workspace .snake-alert{margin:0 0 14px!important;border-color:rgba(80,214,157,.26);background:rgba(80,214,157,.09)}
@media(max-width:760px){.snake-auth-card--workspace{padding:23px 18px!important}.snake-workspace-select{max-width:none}.snake-workspace-hero-card{padding:20px}.snake-workspace-hero-card h2{font-size:26px}.snake-workspace-guide{grid-template-columns:1fr}.snake-workspace-card{grid-template-columns:48px minmax(0,1fr)!important}.snake-workspace-card>i{grid-column:1/-1;text-align:center}.snake-workspace-logo{width:48px!important;height:48px!important}}

/* v2.50 — player claim guide + reward history */
.snake-claim-card,.snake-reward-history-card{position:relative;overflow:hidden}
.snake-claim-card:before,.snake-reward-history-card:before{content:"";position:absolute;right:-44px;top:-48px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(62,212,215,.13),transparent 68%);pointer-events:none}
.snake-claim-stepbox{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 10px}
.snake-claim-stepbox span{display:flex;align-items:center;gap:7px;min-height:36px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.035);color:#cce0ea;font-size:7px;font-weight:900}
.snake-claim-stepbox b{width:19px;height:19px;display:grid;place-items:center;border-radius:7px;background:rgba(62,212,215,.16);color:#7ff2ee;font-size:8px}
.snake-claim-list article.snake-claim-item{grid-template-columns:38px minmax(0,1fr) auto;align-items:start;border-color:rgba(255,194,63,.16);background:linear-gradient(145deg,rgba(255,194,63,.075),rgba(255,255,255,.03))}
.snake-claim-item em{display:inline-flex;width:max-content;max-width:100%;margin-top:4px;padding:4px 6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:#8be9e7;font-size:6px;font-style:normal;font-weight:950;letter-spacing:.04em}
.snake-claim-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.snake-claim-actions a,.snake-claim-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.055);color:#e9f8ff;font:inherit;font-size:7px;font-weight:1000;text-decoration:none;cursor:pointer}
.snake-claim-actions a:first-child{background:linear-gradient(135deg,rgba(42,213,151,.28),rgba(42,213,151,.12));border-color:rgba(42,213,151,.25);color:#c9ffe8}
.snake-claim-actions a:nth-child(2){background:linear-gradient(135deg,rgba(52,170,255,.25),rgba(52,170,255,.10));border-color:rgba(52,170,255,.22);color:#d8f0ff}
.snake-claim-actions button{background:linear-gradient(135deg,rgba(255,194,63,.25),rgba(255,194,63,.10));border-color:rgba(255,194,63,.22);color:#fff1c3}
.snake-reward-history-list article{border-color:rgba(62,212,215,.08)}
.snake-reward-history-list .history-icon{background:linear-gradient(145deg,rgba(62,212,215,.14),rgba(255,255,255,.04))}
@media(max-width:820px){.snake-claim-stepbox{grid-template-columns:1fr}.snake-claim-list article.snake-claim-item{grid-template-columns:36px minmax(0,1fr)}.snake-claim-list article.snake-claim-item time{grid-column:2}.snake-claim-actions a,.snake-claim-actions button{min-height:31px;font-size:7.4px}}


/* v2.51 — bigger readable claim guide typography */
.snake-claim-card .snake-section-head>div>span{font-size:8.5px!important;letter-spacing:.14em!important}
.snake-claim-card .snake-section-head h2{font-size:19px!important;line-height:1.15!important}
.snake-claim-card .snake-section-head>small{font-size:8.5px!important;font-weight:950!important;color:#9edbd8!important}
.snake-claim-stepbox{gap:9px!important;margin-bottom:12px!important}
.snake-claim-stepbox span{min-height:44px!important;padding:10px 12px!important;border-radius:13px!important;font-size:9px!important;line-height:1.25!important;color:#e2f2f8!important}
.snake-claim-stepbox b{width:24px!important;height:24px!important;border-radius:8px!important;font-size:9px!important;flex:0 0 24px!important}
.snake-claim-card .snake-empty{min-height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px 16px!important;font-size:9.5px!important;line-height:1.45!important;color:#b8cfdb!important}
.snake-claim-list article.snake-claim-item b{font-size:10.5px!important}
.snake-claim-list article.snake-claim-item small{font-size:8.2px!important}
.snake-claim-item em{font-size:7.4px!important;padding:5px 8px!important}
.snake-claim-actions a,.snake-claim-actions button{min-height:34px!important;padding:0 12px!important;font-size:8.5px!important;border-radius:10px!important}
@media(max-width:820px){.snake-claim-card .snake-section-head h2{font-size:17px!important}.snake-claim-stepbox span{min-height:42px!important;font-size:9px!important}.snake-claim-card .snake-empty{font-size:9px!important}.snake-claim-actions a,.snake-claim-actions button{min-height:34px!important;font-size:8.4px!important}}