:root{font-family:Tahoma,Noto Sans Thai,sans-serif;color:#183127;background:#e8f0ea;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{min-height:100dvh;background:radial-gradient(circle at 15% 8%,#f5faf5 0,transparent 34%),linear-gradient(145deg,#dce9e0,#eef3ef 52%,#d8e6dc)}button,input{font:inherit}button{cursor:pointer}.eyebrow{margin:0;color:#eac65e;font-size:10px;font-weight:800;letter-spacing:.15em}.home{width:100%;max-width:520px;min-height:100dvh;margin:auto;padding:calc(12px + env(safe-area-inset-top)) 14px calc(88px + env(safe-area-inset-bottom));background:radial-gradient(circle at 88% 3%,#2a9a70 0,transparent 24%),linear-gradient(180deg,#07583f 0 174px,#e9f0ea 174px 100%);display:flex;flex-direction:column;gap:12px;box-shadow:0 0 45px #153d2b1f}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:900;line-height:1.05;letter-spacing:.08em}.brand b{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#ffd86b,#dfa733);color:#603b00;font-size:25px;box-shadow:0 4px #a77417}.currency{display:flex;gap:6px}.currency span{padding:7px 9px;border-radius:18px;background:#075339;border:1px solid #ffffff2b;color:#fff;font-size:11px}.currency b{color:#ffe58c}.profile-card{position:relative;z-index:2;min-height:74px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #ffffff;border-radius:17px;background:linear-gradient(145deg,#fff,#f8fbf8);box-shadow:0 7px 20px #123e2924}.profile-card .avatar,.radar .avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffd96e,#e9a92e);border:3px solid #fff3b8;color:#6c4100;font-size:25px}.profile-card p{margin:0;color:#799085;font-size:9px}.profile-card input{width:100%;padding:4px 0;border:0;border-bottom:1px solid #d9e4dc;background:transparent;color:#183127;font-weight:800;outline:none}.level{min-width:43px;text-align:center;padding:6px;border-radius:10px;background:#edf6ee}.level small{display:block;color:#7a9585;font-size:8px}.level strong{color:#15915c}.arena{position:relative;min-height:190px;overflow:hidden;padding:20px;border-radius:20px;background:linear-gradient(135deg,#118057,#0a563e);box-shadow:0 7px 20px #0b5b3d33;color:#fff}.arena:after{content:"";position:absolute;right:-55px;bottom:-65px;width:230px;height:230px;border-radius:40px;transform:rotate(-18deg);background:repeating-conic-gradient(#f3dc9c 0 25%,#86572f 0 50%) 0/46px 46px;border:8px solid #e7ba58;box-shadow:0 15px 30px #002d20aa}.arena-copy{position:relative;z-index:2;width:55%}.arena-copy>span{display:inline-block;padding:4px 8px;border-radius:12px;background:#f7ca50;color:#563d00;font-size:9px;font-weight:900}.arena h1{margin:14px 0 6px;font-size:29px;line-height:1.02}.arena p{margin:0;color:#cfeadd;font-size:11px;line-height:1.5}.board-preview{display:none}.stake-section{padding:13px;border-radius:16px;background:#fff;box-shadow:0 4px 14px #254d3620}.stake-section>div:first-child{display:flex;align-items:end;justify-content:space-between;margin-bottom:9px}.stake-section h2{margin:0;color:#244437;font-size:13px}.stake-section>div>small{color:#82978d;font-size:8px}.stake-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:2px 1px 7px}.stake-grid button{position:relative;min-height:58px;display:grid;align-content:center;gap:2px;padding:8px 10px;text-align:left;border:2px solid #e1ebe4;border-radius:12px;background:#f5f9f5;color:#264b3b}.stake-grid button.selected{border-color:#e0ae2e;background:#fff8dc;box-shadow:0 3px #c28a16}.stake-grid button:disabled{opacity:.43;filter:grayscale(.8);cursor:not-allowed}.stake-grid button small{color:#7e9589;font-size:8px}.stake-grid button strong{color:#9b6a00;font-size:12px}.stake-grid button em{color:#c85e52;font-size:7px;font-style:normal}.quick-match{width:100%;min-height:64px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;padding:11px 18px;border:0;border-radius:17px;background:linear-gradient(180deg,#f8cb51,#e6a927);box-shadow:0 5px #a97613,0 9px 18px #8f64182d;color:#4f3800;text-align:left}.quick-match:active{transform:translateY(3px);box-shadow:0 2px #a97613}.quick-match>span{grid-row:1/3;font-size:27px}.quick-match strong{align-self:end;font-size:17px}.quick-match small{align-self:start;color:#795800;font-size:9px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modes button{min-height:55px;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #dae6dc;border-radius:14px;background:#fff;color:#819087;text-align:left}.modes span{display:grid;font-size:10px;font-weight:700}.modes small{font-size:7px;font-weight:400}.error{min-height:16px;margin:0;color:#c63e34;text-align:center;font-size:10px}.desktop-note{display:none}.home nav{position:fixed;z-index:30;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:520px;height:67px;padding:7px 22px calc(7px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce7df;background:#fffffff2;backdrop-filter:blur(10px)}.home nav button{min-width:58px;display:grid;gap:2px;place-items:center;border:0;background:transparent;color:#9aaba2;font-size:19px}.home nav button.active{color:#08794e}.home nav small{font-size:8px}.search-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;background:radial-gradient(circle at 50% 42%,#17885e,#07533a 60%,#043d2b);color:#fff;text-align:center}.search-screen h1{margin:12px 0 0;font-size:27px}.radar{position:relative;width:min(78vw,300px);height:min(78vw,300px);display:grid;place-items:center;margin:20px}.pulse{position:absolute;border:1px solid #9be9c644;border-radius:50%;animation:pulse 2s infinite}.pulse.one{width:45%;height:45%}.pulse.two{width:78%;height:78%;animation-delay:.6s}.radar .self{transform:translate(-52px,30px)}.radar .mystery{position:absolute;transform:translate(52px,-30px);background:#126747;border-color:#88deb7;color:#d6f8e8}.search-note{margin:0;color:#bde4d2;font-size:12px}.search-screen>strong{margin-top:6px;font-size:28px;letter-spacing:.08em}.search-screen>button{margin-top:26px;padding:10px 24px;border:1px solid #ffffff70;border-radius:22px;background:#ffffff12;color:#fff}@keyframes pulse{0%{transform:scale(.65);opacity:1}to{transform:scale(1.25);opacity:0}}.game-shell{width:100%;max-width:600px;min-height:100dvh;margin:auto;padding:calc(8px + env(safe-area-inset-top)) 10px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-rows:46px 60px minmax(0,1fr) 48px;background:linear-gradient(180deg,#07543b,#073f30 118px,#e8efe8 118px);overflow:hidden}.game-shell header{display:flex;align-items:center;justify-content:space-between;color:#fff}.game-shell header strong{font-size:15px}.live{color:#8ff0bd;font-size:9px;font-weight:900}.score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin:0;color:#fff}.score>div{min-width:0;display:flex;align-items:center;gap:7px;padding:5px;border-radius:12px}.score>div:last-child{justify-content:flex-end;text-align:right}.score>div.turn{background:#ffffff17}.score span{min-width:0;display:grid;font-size:10px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score small{color:#bdd7ca;font-size:8px;font-weight:400}.score i{flex:0 0 auto;width:25px;height:25px;border-radius:50%;border:2px solid #f6d19a;box-shadow:0 2px 4px #0018}.score i.red{background:#bd342f}.score i.black{background:#252c29;border-color:#8d9893}.score>p{display:flex;align-items:center;gap:5px;margin:0;padding:5px 7px;border-radius:15px;background:#063b2c;color:#c7ead9;font-size:8px;font-weight:800;white-space:nowrap}.score>p.your-turn{background:#eebc36;color:#513900}.score>p #turn-clock{width:30px;height:30px;display:grid;place-items:center;border:2px solid #fff6ce;border-radius:50%;background:#fff;color:#176643;font-size:13px}.score>p #turn-clock.danger{border-color:#ffbbb5;color:#d42f27;animation:clockDanger .5s infinite alternate}#board{width:min(100%,calc(100dvh - 170px));height:auto;aspect-ratio:1/1;align-self:center;justify-self:center;overflow:hidden;border:5px solid #c89a48;border-radius:4px;background:#5b3d29;box-shadow:0 8px 20px #1c362b4d}.game-shell canvas{display:block!important}.game-shell footer{display:grid;place-items:center;align-content:center;text-align:center}.game-shell footer strong{color:#2c493d;font-size:11px}.game-shell footer small{color:#82948b;font-size:8px}#toast{position:fixed;z-index:99;left:50%;bottom:25px;transform:translate(-50%,15px);padding:9px 16px;border-radius:20px;background:#173c2fee;color:#fff;font-size:11px;opacity:0;transition:.2s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%)}.fatal{margin-top:35vh;text-align:center}@keyframes clockDanger{to{transform:scale(1.1);box-shadow:0 0 12px #ed3e32}}@media(min-width:900px){body{background:#dfeae0}.home{max-width:1180px;min-height:100vh;padding:24px;display:grid;grid-template-columns:minmax(440px,1.35fr) minmax(310px,.65fr);grid-template-areas:"top top" "arena profile" "arena stake" "quick stake" "modes note" "error error";gap:14px;background:linear-gradient(180deg,#0c6846 0 100px,#eaf3e8 100px)}.topbar{grid-area:top}.arena{grid-area:arena;min-height:450px}.arena h1{font-size:48px}.profile-card{grid-area:profile}.stake-section{grid-area:stake}.stake-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.stake-grid button{min-width:0}.quick-match{grid-area:quick}.modes{grid-area:modes}.desktop-note{grid-area:note;display:grid;align-content:center;gap:3px;padding:14px;border-radius:14px;background:#d8eadc;color:#176644}.desktop-note small{color:#617e6d}.home>.error{grid-area:error}.home nav{position:static;grid-column:1/-1;transform:none;max-width:none;border-radius:14px}.game-shell{max-width:1180px;min-height:100vh;padding:18px;grid-template-columns:210px minmax(560px,780px);grid-template-rows:55px minmax(0,1fr) 50px;gap:12px 18px;background:linear-gradient(90deg,#07543b 0 240px,#e8efe8 240px)}.game-shell header{grid-column:1/-1}.score{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.score>div{min-height:100px;align-content:center}.score>p{justify-content:space-between}.score>div:last-child{order:3}.score>p{order:2}#board{grid-column:2;grid-row:2;width:min(74vh,780px);max-width:100%;height:auto}.game-shell footer{grid-column:2;grid-row:3}}@media(max-width:360px){.home{padding-left:9px;padding-right:9px}.arena{min-height:170px;padding:16px}.arena h1{font-size:25px}.profile-card .level{display:none}.profile-card{grid-template-columns:auto 1fr}.stake-section{padding:10px}.game-shell{padding-left:5px;padding-right:5px}.score span{max-width:76px}}html,body,#app{max-width:100%;overflow-x:hidden}.home>*{min-width:0;max-width:100%}.topbar,.profile-card,.stake-section,.modes,.home nav{min-width:0}.currency{flex:0 0 auto}.profile-card input,.modes button,.stake-grid{min-width:0}.modes button{overflow:hidden}.home nav button{min-width:0;flex:1}@media(max-width:899px){.home{width:100vw;max-width:100vw;overflow:hidden}.topbar,.profile-card,.arena,.stake-section,.quick-match,.modes,.home>.error{width:100%}.topbar{flex:0 0 auto}.brand{min-width:0}.currency{margin-left:auto}.modes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.home nav{width:100vw;max-width:100vw}.stake-section{overflow:hidden}.stake-grid{width:100%;max-width:100%}}.mode-section{padding:13px;border-radius:16px;background:#fff;box-shadow:0 4px 14px #254d3620}.mode-section h2{margin:0 0 9px;font-size:13px}.mode-section .modes{display:grid;grid-template-columns:1fr;gap:7px}.mode-section .modes button{min-width:0;min-height:52px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;border:2px solid #e0e9e2;border-radius:13px;background:#f8faf8;color:#456054;text-align:left}.mode-section .modes button.selected{border-color:#129062;background:#ecfaf3;box-shadow:0 2px #087047}.mode-section .modes button b{font-size:20px;text-align:center}.mode-section .modes span{display:grid;font-size:11px;font-weight:800}.mode-section .modes small{color:#82958b;font-size:8px;font-weight:400}.role-picker{display:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;margin-top:9px;padding-top:9px;border-top:1px solid #e1ebe4}.role-picker.show{display:grid}.role-picker button{min-width:0;min-height:56px;display:grid;gap:2px;padding:8px;border:2px solid #e3e9e4;border-radius:11px;background:#f8faf8;color:#395348}.role-picker button.selected{border-color:#dda91e;background:#fff8d9}.role-picker button strong{font-size:10px}.role-picker button small{font-size:7px;color:#809188}.role-picker i{font-size:9px;color:#8b9c93;font-style:normal;font-weight:900}@media(min-width:900px){.mode-section{grid-area:modes}}.search-screen>#queue-detail{margin-top:8px;color:#f5d46c;font-size:10px}.result-overlay{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:20px;background:#062a20cc;backdrop-filter:blur(8px)}.result-card{width:min(100%,350px);padding:24px;border-radius:24px;background:#fff;color:#274238;text-align:center;box-shadow:0 25px 70px #001e17aa}.result-card.win{border:4px solid #f1c94d}.result-card.lose{border:4px solid #b9c4bf}.result-icon{width:72px;height:72px;display:grid;place-items:center;margin:-58px auto 10px;border-radius:50%;background:#fff3c4;border:4px solid #e7b82f;font-size:37px}.result-card>p{margin:0;color:#c2920b;font-size:10px;font-weight:900;letter-spacing:.18em}.result-card h2{margin:5px 0;font-size:27px}.result-card>small{color:#7c9187}.result-money,.result-balance{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:12px;border-radius:13px;background:#f4f8f5;text-align:left}.result-money span,.result-balance span{color:#71867b;font-size:9px}.result-money strong{color:#b37d00}.result-balance b{color:#10754e}.result-card>button{width:100%;margin-top:16px;padding:12px;border:0;border-radius:13px;background:#0b7951;color:#fff;font-weight:900;box-shadow:0 4px #07593b}.match-actions{display:flex;align-items:center;gap:8px}.match-actions button{padding:6px 9px;border:1px solid #ffffff55;border-radius:10px;background:#ffffff12;color:#fff;font-size:9px}.match-actions button:hover{background:#a52f2f}.language-control{position:fixed;z-index:120;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));display:flex;padding:3px;border:1px solid #d7e3da;border-radius:18px;background:#fffe;box-shadow:0 5px 18px #173c2933;backdrop-filter:blur(8px)}.language-control button{min-width:38px;padding:6px 7px;border:0;border-radius:14px;background:transparent;color:#71847a;font-size:9px;font-weight:900}.language-control button.active{background:#0b7951;color:#fff}@media(min-width:900px){.language-control{right:18px;top:18px;bottom:auto}}.avatar-button{width:52px;height:52px;padding:0;border:3px solid #f2c94f;border-radius:50%;overflow:hidden;background:#dceee3}.avatar-portrait{display:block;width:100%;height:100%;background-image:url(/assets/avatar-sheet.png);background-size:300% 200%;background-repeat:no-repeat;background-color:#dceee3}.match-avatar{flex:0 0 auto;width:34px;height:34px;border:2px solid #f3d57c;border-radius:50%;overflow:hidden}.signup-overlay{position:fixed;z-index:150;inset:0;display:grid;place-items:center;padding:18px;background:linear-gradient(160deg,#07543bef,#062f25f2);backdrop-filter:blur(8px)}.signup-card{width:min(100%,390px);padding:22px;border-radius:24px;background:#fff;color:#234236;text-align:center;box-shadow:0 24px 70px #001e17aa}.signup-card>p{margin:0;color:#b9870b;font-size:9px;font-weight:900;letter-spacing:.18em}.signup-card h2{margin:6px 0 17px;font-size:23px}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.avatar-grid button{aspect-ratio:1/1;padding:0;overflow:hidden;border:3px solid transparent;border-radius:18px;background:#e5f0e8}.avatar-grid button.selected{border-color:#e9b82f;box-shadow:0 0 0 3px #ffe69a}.signup-card>input{width:100%;margin-top:16px;padding:12px;border:1px solid #d2dfd6;border-radius:12px;background:#f8faf8;color:#1e3c30;outline:none}.signup-card>#signup-continue{width:100%;margin-top:10px;padding:12px;border:0;border-radius:12px;background:#0b7951;color:#fff;font-weight:900;box-shadow:0 4px #075a3c}.signup-card>#signup-continue:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}.ranking-screen{width:100%;max-width:520px;min-height:100dvh;margin:auto;padding:calc(14px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));background:radial-gradient(circle at 88% 3%,#2a9a70 0,transparent 24%),linear-gradient(180deg,#07583f 0 190px,#e9f0ea 190px 100%)}.ranking-screen .topbar{height:48px;display:flex;align-items:center;gap:12px;color:#fff}.ranking-screen .topbar h1{margin:0;font-size:16px}.ranking-screen .topbar small{color:#bde4d2;font-size:9px;font-weight:800;letter-spacing:.12em}.ranking-screen #ranking-back{width:34px;height:34px;flex:0 0 auto;border:0;border-radius:50%;background:#ffffff1f;color:#fff;font-size:16px}.ranking-podium{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:8px;margin:18px 0 6px}.podium-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px 12px;border-radius:16px;background:#fff;box-shadow:0 7px 20px #123e2924;text-align:center}.podium-card.you{background:#fff8dc}.podium-medal{font-size:20px}.podium-avatar{width:44px;height:44px;border:3px solid #f3d57c;border-radius:50%;overflow:hidden}.podium-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#183127;font-size:11px}.podium-stars{color:#b37d00;font-size:11px;font-weight:900}.podium-card.first{order:2;padding-top:6px;transform:translateY(-14px)}.podium-card.first .podium-avatar{width:58px;height:58px;border-color:#f2c94f;box-shadow:0 0 0 3px #ffe69a}.podium-card.first .podium-medal{font-size:26px}.podium-card.second{order:1}.podium-card.third{order:3}.ranking-list{list-style:none;margin:14px 0 0;padding:8px;border-radius:18px;background:#fff;box-shadow:0 7px 20px #123e2924}.ranking-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:12px}.ranking-row+.ranking-row{border-top:1px solid #eef3ef}.ranking-row.you{background:#fff8dc;border-radius:12px}.ranking-position{width:24px;flex:0 0 auto;text-align:center;color:#7a9585;font-size:12px}.ranking-avatar{flex:0 0 auto;width:36px;height:36px;border:2px solid #f3d57c;border-radius:50%;overflow:hidden}.ranking-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#183127;font-size:12px;font-weight:800}.ranking-stars{flex:0 0 auto;color:#b37d00;font-size:12px;font-weight:900}.ranking-loading,.ranking-empty{padding:20px;text-align:center;color:#fff;font-size:11px}.ad-gate{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:25px;background:radial-gradient(circle at 50% 42%,#17885e,#07533a 60%,#043d2b);color:#fff;text-align:center}.ad-placeholder{width:min(85vw,320px);aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed #ffffff55;border-radius:18px;background:#ffffff12}.ad-placeholder span{font-size:38px}.ad-placeholder p{margin:0;color:#cfeadd;font-size:11px}.ad-note{margin:0;color:#f5d46c;font-size:12px;font-weight:800}.match-tier,.mobile-game-dock{display:none}.score>p em{display:none}.score>p>span{display:block}.match-guide{display:grid;place-items:center}.settings-overlay{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:18px;background:#052e23d9;backdrop-filter:blur(9px)}.settings-page{width:min(100%,440px);max-height:calc(100dvh - 28px);overflow:auto;padding:18px;border:1px solid #d7e6db;border-radius:25px;background:#f3f8f3;color:#244438;box-shadow:0 28px 80px #001d16aa}.settings-page>header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:15px}.settings-page>header button{width:40px;height:40px;border:0;border-radius:13px;background:#fff;color:#176b4b;font-size:29px;box-shadow:0 3px 12px #234a3420}.settings-page>header div{text-align:center}.settings-page>header small{color:#b68714;font-size:8px;font-weight:900;letter-spacing:.15em}.settings-page>header h2{margin:2px 0;font-size:22px}.settings-page>header>span{display:grid;place-items:center;color:#15815a;font-size:23px}.settings-profile{display:flex;align-items:center;gap:12px;padding:13px;border-radius:17px;background:linear-gradient(135deg,#0e7752,#09543d);color:#fff}.settings-profile>.avatar-portrait{width:52px;height:52px;flex:0 0 auto;border:3px solid #f1ca55;border-radius:50%}.settings-profile>div{display:grid}.settings-profile small{color:#b9dfce;font-size:9px}.settings-group{margin-top:12px;padding:13px;border-radius:17px;background:#fff;box-shadow:0 4px 16px #234a3415}.settings-group label,.settings-options label{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-group label>span{display:flex;align-items:center;gap:10px}.settings-group label b{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#e8f5ec;color:#0d7851}.settings-group label span span{display:grid}.settings-group label strong{font-size:12px}.settings-group label small{color:#82958b;font-size:8px}.language-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.language-picker button{padding:11px;border:2px solid #dce8df;border-radius:12px;background:#f6f9f6;color:#667d70;font-weight:900}.language-picker button.active{border-color:#16a16b;background:#e8f8ef;color:#08734b;box-shadow:0 3px #08734b}.settings-options{padding-block:4px}.settings-options label{padding:11px 0}.settings-options label+label{border-top:1px solid #e5ede7}.settings-options input{position:absolute;opacity:0;pointer-events:none}.settings-options i{position:relative;width:42px;height:24px;flex:0 0 auto;border-radius:14px;background:#c8d3cc;transition:.2s}.settings-options i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #163a2730;transition:.2s}.settings-options input:checked+i{background:#119363}.settings-options input:checked+i:after{transform:translate(18px)}.settings-page>p{margin:14px 4px 2px;color:#788c81;text-align:center;font-size:9px}@media(min-width:900px){body{min-width:900px;background:linear-gradient(135deg,#dce9df,#edf4ec)}.home{width:min(calc(100% - 40px),1280px);max-width:1280px;min-height:100dvh;padding:20px 24px 22px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);grid-template-rows:52px auto auto auto auto 64px;grid-template-areas:"top top" "arena profile" "arena stake" "modes modes" "quick note" "error error" "nav nav";align-content:start;align-items:start;gap:14px;background:radial-gradient(circle at 86% 0,#239168 0,transparent 23%),linear-gradient(180deg,#07583f 0 108px,#e8f0ea 108px);box-shadow:0 18px 60px #173d2a26}.topbar{grid-area:top;height:52px}.profile-card{grid-area:profile;width:100%;min-height:78px}.arena{grid-area:arena;width:100%;height:100%;min-height:336px;padding:30px}.arena-copy{width:62%;max-width:520px}.arena h1{margin-top:20px;font-size:clamp(38px,4vw,58px)}.arena p{font-size:13px}.arena:after{right:-35px;bottom:-82px;width:280px;height:280px;background-size:54px 54px}.stake-section{grid-area:stake;width:100%;height:100%;align-self:stretch;padding:14px}.stake-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:0}.stake-grid button{width:100%;min-width:0;min-height:57px}.mode-section{grid-area:modes;width:100%;padding:14px}.mode-section .modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mode-section .modes button{min-height:62px}.role-picker{max-width:660px;margin-inline:auto}.quick-match{grid-area:quick;min-height:64px}.desktop-note{grid-area:note;align-self:stretch;min-height:64px}.home>.error{grid-area:error;min-height:0}.home nav{grid-area:nav;position:static;width:100%;height:64px;max-width:none;transform:none;border:1px solid #d8e5db;border-radius:16px}.game-shell{width:min(calc(100% - 40px),1280px);max-width:1280px;height:100dvh;min-height:620px;padding:16px 20px;grid-template-columns:minmax(220px,280px) minmax(0,1fr);grid-template-rows:62px minmax(0,1fr) 44px;gap:12px 24px;background:linear-gradient(90deg,#07543b 0 310px,#e8efe8 310px);overflow:hidden}.game-shell header{grid-column:1/-1;grid-row:1}.score{grid-column:1;grid-row:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:14px}.score>div{min-height:86px;padding:12px;background:#ffffff0d}.score>div.turn{background:#ffffff1d;box-shadow:inset 3px 0 #f0c84e}.score>div:last-child{order:3;justify-content:flex-start;text-align:left}.score>div:last-child .match-avatar{order:-1}.score>p{order:2;justify-content:space-between;padding:9px 12px}#board{grid-column:2;grid-row:2;width:min(100%,calc(100dvh - 150px),820px);max-width:100%;max-height:100%;align-self:center;justify-self:center}.game-shell footer{grid-column:2;grid-row:3}.language-control{right:20px;top:18px;bottom:auto}}@media(min-width:900px)and (max-width:1080px){.home{width:100%;padding-inline:18px;grid-template-columns:minmax(0,1fr) 340px}.arena{min-height:320px;padding:24px}.arena h1{font-size:38px}.game-shell{width:100%;grid-template-columns:220px minmax(0,1fr);gap:10px 16px}}@media(max-width:899px){.home{gap:11px;padding:calc(9px + env(safe-area-inset-top)) 12px calc(88px + env(safe-area-inset-bottom));background:radial-gradient(circle at 90% 2%,#299a70 0,transparent 25%),linear-gradient(180deg,#07583f 0 164px,#e9f0ea 164px 100%)}.topbar{height:43px}.brand b{width:38px;height:38px;border-radius:11px;font-size:22px}.currency span{padding:6px 8px}.profile-card{min-height:66px;margin-bottom:5px;padding:8px 10px;border-radius:15px}.profile-card .avatar,.profile-card .avatar-button{width:46px;height:46px}.arena{min-height:146px;padding:15px;margin:3px 0 5px;border:1px solid #ffffff24;border-radius:17px;box-shadow:0 9px 24px #06442f35}.arena-copy{width:58%;max-width:210px}.arena h1{margin:11px 0 5px;font-size:26px;line-height:1}.arena p{max-width:175px;font-size:9px;line-height:1.35}.arena:after{right:-67px;bottom:-78px;width:192px;height:192px;background-size:40px 40px}.stake-section,.mode-section{padding:10px;border-radius:15px}.stake-section>div:first-child{margin-bottom:7px}.stake-grid button{min-height:54px;padding:7px 9px}.mode-section h2{margin-bottom:7px}.mode-section .modes{gap:6px}.mode-section .modes button{min-height:46px;padding:6px 9px}.mode-section .modes button b{font-size:18px}.role-picker{margin-top:7px;padding-top:7px}.role-picker button{min-height:49px;padding:6px}.quick-match{min-height:58px;padding:9px 16px;border-radius:15px}.quick-match>span{font-size:24px}.quick-match strong{font-size:16px}.language-control{right:9px;bottom:calc(72px + env(safe-area-inset-bottom));box-shadow:0 4px 14px #173c2940}.signup-overlay{padding:12px}.signup-card{width:min(100%,380px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:18px;border-radius:21px}.signup-card h2{margin:5px 0 13px;font-size:21px}.avatar-grid{max-width:330px;margin:auto;gap:8px}.signup-card>input{margin-top:13px;padding:11px}.signup-card>#signup-continue{padding:11px}.game-shell{grid-template-rows:46px 60px minmax(74px,1fr) auto minmax(108px,1fr);align-content:start}.score>p{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:5px}.score>p em{display:block;grid-column:1;grid-row:1;color:#f5c846;font-size:13px;font-style:normal;font-weight:1000;line-height:1}.score>p>span{grid-column:1;grid-row:2;font-size:7px;line-height:1.15}.score>p #turn-clock{grid-column:2;grid-row:1/3}.match-tier{display:grid;grid-row:3;place-items:center;align-content:center;padding:8px;color:#1c4938;text-align:center}.match-tier small{color:#8b9c93;font-size:8px;font-weight:900;letter-spacing:.15em}.match-tier strong{color:#d4a221;font-size:clamp(26px,9vw,38px);line-height:1.05;text-shadow:0 2px 0 #76530a,0 5px 14px #8e681735}#board{grid-row:4;width:min(100%,calc(100vw - 20px),calc(100dvh - 174px));align-self:center;margin:0}.game-shell footer{grid-row:5;width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:10px 0 0}.match-guide{display:grid;place-items:center;text-align:center}.mobile-game-dock{width:100%;min-height:58px;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;padding:7px 10px;border:1px solid #d8b24f;border-radius:18px 18px 5px 5px;background:linear-gradient(180deg,#0d6245,#074832);box-shadow:0 -3px #d4a433,0 7px 18px #163d2b2e;color:#f6d266}.mobile-game-dock>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff2b;border-radius:11px;background:#ffffff10;font-size:20px}.mobile-game-dock>span:last-child{color:#75e8ac;font-size:13px}.mobile-game-dock>strong{display:grid;justify-items:center;color:#fff;font-size:18px}.mobile-game-dock>strong small{color:#b8d9ca;font-size:7px;font-weight:700;letter-spacing:.08em}body:has(.game-shell) .language-control{display:none}}@media(max-width:380px){.home{padding-left:9px;padding-right:9px}.arena-copy{width:61%}.arena h1{font-size:24px}.arena p{max-width:160px;font-size:8px}.mode-section .modes button{grid-template-columns:29px minmax(0,1fr);padding-inline:6px}.mode-section .modes span{font-size:10px}}@media(max-height:700px)and (max-width:899px){.signup-card{padding:14px}.signup-card h2{margin-bottom:9px;font-size:19px}.avatar-grid{max-width:280px;gap:6px}.signup-card>input{margin-top:9px}}@media(max-height:520px)and (max-width:899px){.game-shell{grid-template-rows:40px 50px 0 auto 58px;padding-top:4px;padding-bottom:4px}.match-tier{display:none}#board{width:min(100%,calc(100dvh - 154px))}.match-guide{display:none}.game-shell footer{padding-top:4px}.mobile-game-dock{min-height:48px;padding-block:4px}}