:root{color:#f6f5e9;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;--ink:#122e2d;--ink-soft:#43615d;--paper:#f5f3e8;--paper-line:#dfe5d8;--mint:#c5e0b8;--mint-strong:#a9d2a6;--gold:#e2c477;--orange:#e69061;--blue:#82c7bc;background:#102726;font-family:Segoe UI,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #e4c977}.boot-screen{text-align:center;color:#d4dfcc;letter-spacing:.03em;place-content:center;gap:15px;min-height:100vh;display:grid}.boot-die{color:var(--gold);font-size:46px;animation:1.7s ease-in-out infinite boot-turn}@keyframes boot-turn{50%{transform:rotate(180deg)scale(.88)}}.login-page{background:radial-gradient(at 20% 12%,#27504b 0,#0000 38%),linear-gradient(135deg,#173b37,#0c2222 68%);grid-template-columns:minmax(0,1fr) minmax(390px,470px);align-items:center;gap:clamp(32px,6vw,100px);min-height:100svh;padding:32px clamp(24px,7vw,112px) 76px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";opacity:.11;pointer-events:none;background-image:linear-gradient(30deg,#0000 48%,#adcc9d 49%,#0000 50%),linear-gradient(120deg,#0000 48%,#adcc9d 49%,#0000 50%);background-size:47px 47px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.login-art{isolation:isolate;place-items:center;min-height:min(690px,78vh);display:grid;position:relative}.login-art:before{content:"";aspect-ratio:1;z-index:-2;background:radial-gradient(circle,#558c6c36,#42836908 64%,#0000 72%);border-radius:50%;width:min(42vw,560px);position:absolute}.login-art:after{content:"TÀI  ·  XỈU  ·  LĂN  ·  THẮNG";color:#cedcc333;letter-spacing:.32em;font-size:10px;font-weight:700;position:absolute;bottom:10%}.orbit{border:1px solid #e0c87942;border-radius:50%;position:absolute;transform:rotate(-17deg)}.orbit-one{aspect-ratio:1.4;width:min(48vw,610px)}.orbit-two{aspect-ratio:1.4;border-color:#a7d6ac31;width:min(38vw,480px);transform:rotate(51deg)}.hero-dice{color:#204844;background:linear-gradient(145deg,#fffcf0,#dce4ce);border-radius:34px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;width:168px;height:168px;padding:28px;display:grid;transform:rotate(-13deg)perspective(360px)rotateY(-13deg);box-shadow:24px 34px 65px #031414b8,inset -10px -12px 20px #9eab91a0,inset 3px 3px 9px #fff}.hero-dice span{background:#21504b;border-radius:50%;width:15px;height:15px;box-shadow:inset 2px 2px 3px #122d29}.hero-dice span:nth-child(2){grid-column:3}.hero-dice span:nth-child(3){grid-area:2/1}.hero-dice span:nth-child(4){grid-area:2/3}.hero-dice span:nth-child(5){grid-area:3/1}.hero-dice span:nth-child(6){grid-area:3/3}.sparkle{color:var(--gold);filter:drop-shadow(0 0 11px #e4c9778f);position:absolute}.sparkle-one{font-size:30px;top:25%;left:24%}.sparkle-two{color:#a8d7b1;font-size:34px;bottom:29%;right:19%}.login-card{z-index:2;background:var(--paper);color:var(--ink);border:1px solid #e3e7d87d;border-radius:27px;padding:45px 42px 36px;position:relative;box-shadow:0 35px 90px #051b1bc7}.brand-mark{background:var(--ink);width:48px;height:48px;color:var(--gold);border-radius:16px;place-items:center;font-size:25px;display:grid;box-shadow:0 7px 18px #152c2d38}.brand-mark span{display:block;transform:rotate(-17deg)}.eyebrow{color:#718179;letter-spacing:.19em;margin:0;font-size:10px;font-weight:800}.login-card>.eyebrow{margin-top:32px}.login-card h1{letter-spacing:-.055em;margin:11px 0 12px;font-size:clamp(40px,4vw,52px);line-height:.99}.login-card h1 span{color:#3d7770}.login-lead{color:#61716a;max-width:340px;margin:0 0 29px;font-size:14px;line-height:1.6}.login-form{grid-template-columns:1fr;display:grid}.login-form label,.form-label{color:#67756c;letter-spacing:.12em;margin:14px 0 8px;font-size:10px;font-weight:800}.login-form input,.stake-input-wrap input,.chat-form input{min-width:0;color:var(--ink);background:#fcfcf5;border:1px solid #d7ded2;border-radius:12px;transition:border-color .2s,box-shadow .2s}.login-form input{padding:13px 14px}.login-form input::placeholder,.chat-form input::placeholder{color:#a1aaa1}.login-form input:focus,.stake-input-wrap:focus-within,.chat-form input:focus{border-color:#579181;outline:none;box-shadow:0 0 0 3px #78b09c28}.button{border:0;border-radius:12px;font-weight:800;transition:transform .15s,filter .15s,opacity .15s}.button:not(:disabled):hover{filter:brightness(1.07);transform:translateY(-1px)}.button-primary{color:#15312e;background:linear-gradient(120deg,#d8e5b8,#b2d1a2);box-shadow:0 7px 15px #274b3330}.login-button{justify-content:space-between;align-items:center;min-height:51px;margin-top:25px;padding:0 17px;display:flex}.form-error{color:#a84136;margin:12px 0 0;font-size:13px}.demo-hint{color:#78857a;align-items:flex-start;gap:9px;margin-top:23px;font-size:11px;line-height:1.5;display:flex}.demo-hint strong{color:#38564d;font-size:12px;display:block}.hint-dot{background:#59977c;border-radius:50%;flex:0 0 7px;width:7px;height:7px;margin-top:5px;box-shadow:0 0 0 4px #79ae8628}.login-footer{color:#b2c4b26b;letter-spacing:.08em;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:27px;left:clamp(24px,7vw,112px);right:clamp(24px,7vw,112px)}.game-page{width:min(1470px,100%);min-height:100vh;margin:auto;padding:0 34px 20px}.topbar{border-bottom:1px solid #d8e3d51c;justify-content:space-between;align-items:center;height:82px;display:flex}.brand-lockup{align-items:center;gap:11px;min-width:218px;display:flex}.brand-mark.small{background:#254642;border-radius:12px;width:38px;height:38px;font-size:20px;box-shadow:inset 0 0 0 1px #a4ccb42d}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{color:#eef0df;letter-spacing:.025em;font-size:14px}.brand-lockup small{color:#a0b2a47a;letter-spacing:.18em;margin-top:3px;font-size:8px;font-weight:800}.room-label{color:#aebfb27f;letter-spacing:.04em;align-items:center;gap:9px;font-size:11px;display:flex}.connection-dot,.phase-dot,.chat-live i{background:#c58b5d;border-radius:50%;width:7px;height:7px;display:inline-block}.connection-dot.is-online,.chat-live i{background:#85c99a;box-shadow:0 0 0 4px #85c99a1a}.room-divider{color:#758780}.profile{justify-content:flex-end;align-items:center;gap:10px;min-width:218px;display:flex}.profile-copy{text-align:right}.profile-copy strong,.profile-copy span{display:block}.profile-copy strong{color:#edf0e4;font-size:11px}.profile-copy span{color:#93a99a8c;margin-top:3px;font-size:10px}.avatar{color:#d8e8c4;background:#31534a;border:1px solid #cae2b02c;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.icon-button{color:#a9b8ab;background:0 0;border:0}.sound-toggle{color:#d4e4c2;background:#e3f0d908;border:1px solid #d9e7d323;border-radius:10px;width:34px;height:34px;font-size:13px;font-weight:850}.sound-toggle[aria-pressed=true]{background:#9fbd7724;border-color:#a7cc876e}.logout-button{width:30px;height:30px;font-size:16px;transform:rotate(45deg)}.result-popup-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03110dc9;place-items:center;padding:22px;animation:.2s ease-out both result-backdrop-in;display:grid;position:fixed;inset:0}.result-popup{color:#f5f3df;text-align:center;background:radial-gradient(at 50% 0,#a9903533,#0000 56%),linear-gradient(145deg,#193d37,#0a211f 82%);border:1px solid #d7c5719c;border-radius:26px;width:min(540px,100%);max-height:calc(100vh - 40px);padding:35px 30px 28px;animation:.34s cubic-bezier(.2,.85,.25,1.15) both result-popup-in;overflow-y:auto;box-shadow:0 30px 90px #0009,inset 0 1px #fff2}.result-popup-win .result-popup{background:radial-gradient(at 50% 0,#a8d38d3d,#0000 56%),linear-gradient(145deg,#193d37,#0a211f 82%);border-color:#a8d38db8}.result-popup-loss .result-popup{background:radial-gradient(at 50% 0,#bd644233,#0000 56%),linear-gradient(145deg,#3c2a28,#1e191a 82%);border-color:#e79a788c}.result-popup-mark{color:#ead381;background:#e4c66a12;border:1px solid #d7c57166;border-radius:20px;place-items:center;width:62px;height:62px;margin:0 auto 15px;font-size:34px;font-weight:900;display:grid}.result-popup-win .result-popup-mark{color:#c8e9a4;background:#a8d38d18;border-color:#a8d38d77}.result-popup-loss .result-popup-mark{color:#ffb398;background:#e79a7818;border-color:#e79a7866}.result-popup-kicker{color:#b9c8ab9c;letter-spacing:.2em;margin:0;font-size:10px;font-weight:850}.result-popup h2{color:#f3e5a2;letter-spacing:-.055em;margin:9px 0 12px;font-size:clamp(38px,8vw,62px);line-height:1}.result-popup-win h2{color:#d3ecae}.result-popup-loss h2{color:#ffb398}.result-popup-copy{color:#e5e9d9;margin:0 auto;font-size:clamp(15px,3vw,19px);line-height:1.5}.result-popup-result{color:#dddfa9;letter-spacing:.08em;margin:18px 0 10px;font-size:14px;font-weight:850}.result-popup-dice{justify-content:center;gap:12px;margin:11px 0 8px;display:flex}.result-popup-die{color:#163635;background:#fff8e8;border:1px solid #d8ccb1;border-radius:13px;place-items:center;width:58px;height:58px;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",sans-serif;font-size:45px;line-height:1;display:grid;box-shadow:inset 0 1px #fff,0 6px 14px #0003}.result-popup-total{color:#c7d6bd;font-variant-numeric:tabular-nums;margin:0 0 15px;font-size:13px;font-weight:800}.result-popup-footnote{color:#9eb3a18c;letter-spacing:.07em;margin-top:22px;font-size:10px;display:block}@keyframes result-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes result-popup-in{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.game-layout{grid-template-columns:minmax(0,1.53fr) minmax(325px,.87fr);align-items:start;gap:22px;padding-top:22px;display:grid}.table-panel{min-width:0}.table-heading{justify-content:space-between;align-items:center;gap:20px;margin:5px 2px 18px;display:flex}.table-heading h1{color:#edf2e7;letter-spacing:-.04em;margin:6px 0 0;font-size:clamp(23px,2.4vw,31px)}.table-heading .eyebrow{color:#9bb0a183}.phase-pill{color:#b7cbb7;white-space:nowrap;background:#d6edcc0b;border:1px solid #d7e6d423;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;display:inline-flex}.phase-pill.phase-betting .phase-dot{background:#afd88e;box-shadow:0 0 0 4px #9cc8791b}.phase-pill.phase-rolling .phase-dot{background:var(--gold);animation:1s ease-in-out infinite pulse}.phase-pill.phase-result .phase-dot{background:#78c8be}@keyframes pulse{50%{opacity:.55;transform:scale(.7)}}.dice-card{background:radial-gradient(at 50% 41%,#3972685c,#0000 56%),radial-gradient(at 50% 110%,#9dcca41a,#0000 46%),linear-gradient(150deg,#193c37,#102927 80%);border:1px solid #b3dfbc1c;border-radius:23px;flex-direction:column;justify-content:space-between;align-items:center;min-height:359px;padding:19px 22px 13px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 17px 38px #06191845}.dice-card:before{content:"";pointer-events:none;opacity:.08;background-image:radial-gradient(#d3e1c2 .6px,#0000 .7px);background-size:13px 13px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.table-topline{z-index:1;color:#cccf9a8f;letter-spacing:.2em;align-items:center;gap:11px;font-size:9px;font-weight:800;display:flex;position:relative}.table-topline span{color:#e0c477cc;font-size:11px}.dice-scene{z-index:1;width:100%;height:245px;overflow:hidden}.dice-scene canvas{width:100%;height:100%;display:block}.result-label{z-index:1;color:#e2e3c9;letter-spacing:.035em;min-height:24px;font-size:14px;font-weight:750}.card-star{color:#e2c47780;font-size:19px;position:absolute}.star-left{top:47%;left:12%;transform:rotate(-18deg)}.star-right{color:#9bc8af7d;font-size:23px;top:38%;right:11%}.dice-card-footer{z-index:1;color:#a9bdb08a;border-top:1px solid #d5e1d21a;justify-content:center;gap:18px;width:100%;padding-top:12px;font-size:10px;display:flex}.dice-card-footer strong{color:#d5e0cc;font-weight:750}.footer-divider{background:#c1d3c023;width:1px}.room-stats{grid-template-columns:1fr 1fr;gap:11px;margin-top:13px;display:grid}.side-total{background:#eaf1db08;border:1px solid #bdd6c316;border-radius:16px;align-items:center;gap:12px;min-height:95px;padding:15px;transition:border-color .2s,background .2s,transform .2s;display:flex}.side-total.winner{background:#c5a84d16;border-color:#e1ca7c9e;transform:translateY(-1px)}.side-symbol{border-radius:11px;place-items:center;width:37px;height:37px;font-size:18px;font-weight:900;display:grid}.side-xiu .side-symbol{color:#9bd2c7;background:#58a69c19}.side-tai .side-symbol{color:#e7b080;background:#c5815818}.side-total small,.side-total strong,.side-total span{display:block}.side-total small{color:#9bb1a18a;letter-spacing:.14em;font-size:8px;font-weight:800}.side-total strong{color:#eef1e4;letter-spacing:-.03em;margin-top:3px;font-size:21px}.side-total strong i{color:#9daf9f;font-size:10px;font-style:normal;font-weight:500}.side-total div>span{color:#a6b9a486;margin-top:3px;font-size:9px}.round-footnote{color:#92aa9a75;margin:10px 2px 0;font-size:10px}.right-column{gap:14px;min-width:0;display:grid}.panel{background:linear-gradient(145deg,#f0f3e90a,#f0f3e905);border:1px solid #e8f1dc16;border-radius:18px;box-shadow:0 14px 28px #0617151e}.bet-panel{padding:20px 20px 17px}.panel-kicker{color:#9aafa09c;letter-spacing:.17em;font-size:8px;font-weight:800}.bet-panel .panel-kicker{justify-content:space-between;align-items:center;display:flex}.coin-icon{color:var(--gold);font-size:17px}.wallet-balance{color:#f2f3e9;letter-spacing:-.055em;margin-top:2px;font-size:34px;font-weight:800}.wallet-balance small{color:#b1c2ad;letter-spacing:0;font-size:12px;font-weight:550}.timer-box{background:#051a1926;border:1px solid #d9e7d31b;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;margin:13px 0 17px;padding:10px 12px;display:flex}.timer-box>div:first-child{gap:3px;display:grid}.timer-label{color:#a4b6a18b;letter-spacing:.12em;font-size:8px;font-weight:800}.timer-box strong{color:#e6eddd;font-variant-numeric:tabular-nums;font-size:20px}.timer-box strong small{color:#98ad9a;margin-left:2px;font-size:10px}.timer-box .timer-urgent{color:#eea879}.timer-track{background:#dbe8d61a;border-radius:3px;width:82px;height:4px;overflow:hidden}.timer-track span{border-radius:inherit;background:linear-gradient(90deg,#84c2a1,#e0c275);height:100%;transition:width .18s linear;display:block}.side-picker{grid-template-columns:1fr 1fr;gap:8px;display:grid}.side-option{text-align:left;background:#eaf2de07;border:1px solid #dce6d52a;border-radius:13px;grid-template-rows:1fr 1fr;grid-template-columns:35px 1fr;align-items:center;min-height:73px;padding:11px;transition:background .18s,border-color .18s,transform .18s;display:grid}.side-option:not(:disabled):hover{transform:translateY(-1px)}.side-option:disabled{opacity:.52}.option-symbol{border-radius:9px;grid-row:span 2;place-items:center;width:29px;height:29px;font-size:16px;font-weight:850;display:grid}.xiu-option .option-symbol{color:#a4d4c9;background:#70b5a71a}.tai-option .option-symbol{color:#e9b185;background:#c48a5c19}.side-option strong{color:#e6ebdd;font-size:13px;line-height:1}.side-option small{color:#9daf9b;align-self:start;font-size:9px}.xiu-option.selected{background:#4fa18d20;border-color:#81c4b08d;box-shadow:inset 0 0 0 1px #77bba124}.tai-option.selected{background:#bd7d4d1c;border-color:#dcaa727d;box-shadow:inset 0 0 0 1px #d29b6320}.bet-panel>.form-label{color:#a6b6a386;margin:16px 0 8px;display:block}.stake-input-wrap{height:42px;color:var(--gold);background:#061b1a23;border:1px solid #dce6d52c;border-radius:11px;align-items:center;gap:9px;padding:0 11px;display:flex}.stake-input-wrap>span:first-child{font-size:15px}.stake-input-wrap input{color:#edf0e4;appearance:textfield;background:0 0;border:0;outline:none;width:100%;height:38px;font-size:15px;font-weight:700}.stake-input-wrap input::-webkit-inner-spin-button{appearance:none;margin:0}.stake-input-wrap input::-webkit-outer-spin-button{appearance:none;margin:0}.stake-input-wrap input:focus{box-shadow:none}.stake-input-wrap input:disabled{color:#8c9b8c}.stake-suffix{color:#92a691;font-size:10px}.quick-stakes{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px;display:grid}.quick-stakes button{color:#b6c5b2;background:#e3f0d906;border:1px solid #dce6d51e;border-radius:8px;height:31px;font-size:10px;font-weight:750;transition:all .15s}.quick-stakes button:hover:not(:disabled){color:#e5e9d7;border-color:#d4cd88}.quick-stakes button:disabled{opacity:.35}.quick-stakes button.quick-selected{color:#d4e7c2;background:#9fbf8030;border-color:#a8c89965}.bet-button{justify-content:space-between;align-items:center;width:100%;min-height:43px;margin-top:13px;padding:0 13px 0 15px;font-size:12px;display:flex}.bet-button:disabled{color:#829184;box-shadow:none;opacity:.82;background:#536b5337}.bet-button span{font-size:17px}.inline-notice{color:#bfd2b2;margin:9px 1px 0;font-size:10px;line-height:1.5}.bet-hint{color:#92a79582;text-align:center;margin:9px 0 0;font-size:9px}.my-bet-card{color:#e4e9d9;background:#85bf7020;border:1px solid #9bc89554;border-radius:12px;align-items:center;gap:12px;margin-top:13px;padding:13px;font-size:11px;display:flex}.my-bet-card strong,.my-bet-card small{display:block}.my-bet-card strong{color:#f1f1dc;margin-top:3px}.my-bet-card small{color:#aac5a1;margin-top:4px;font-size:9px}.my-bet-check{color:#17362b;background:#a7d391;border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;font-weight:900;display:grid}.admin-view-note{color:#e8dbb6;background:#a78d5421;border-radius:12px;gap:12px;margin-top:18px;padding:15px;display:flex}.admin-view-note>span{color:var(--gold)}.admin-view-note strong,.admin-view-note small{display:block}.admin-view-note small{color:#acb79c;margin-top:4px;font-size:10px}.settlement-note{color:#d1dfba;font-size:11px}.chat-panel{flex-direction:column;min-height:251px;padding:16px 17px 13px;display:flex}.chat-heading{justify-content:space-between;align-items:center;display:flex}.chat-heading h2{color:#ecf0e4;letter-spacing:-.02em;margin:3px 0 0;font-size:15px}.chat-live{color:#b2c3af;letter-spacing:.12em;align-items:center;gap:7px;font-size:8px;font-weight:850;display:flex}.chat-live i{width:6px;height:6px}.admin-command-hint{color:#c7d4b7;background:#ebdea219;border-radius:8px;margin:9px 0 -2px;padding:7px 9px;font-size:9px}.admin-command-hint code,.rules-strip code{color:#dfc77f;font-family:ui-monospace,monospace;font-size:.95em}.chat-messages{scrollbar-color:#718a7560 transparent;scrollbar-width:thin;flex:1;min-height:88px;max-height:156px;margin:11px -3px;padding:0 4px;overflow:auto}.chat-empty{color:#92a79884;text-align:center;place-content:center;justify-items:center;min-height:84px;display:grid}.chat-empty>span{color:#b6cdac;font-size:23px}.chat-empty p{margin:3px 0 0;font-size:10px;line-height:1.45}.chat-message{background:#071a191f;border-radius:10px;margin-bottom:9px;padding:7px 9px}.chat-message.own-message{background:#b7d39918}.message-meta{justify-content:space-between;align-items:center;display:flex}.message-meta strong{color:#c4d4bd;align-items:center;gap:6px;font-size:9px;display:flex}.message-meta time{color:#91a18f80;font-size:8px}.chat-message p{overflow-wrap:anywhere;color:#e0e7d9;margin:4px 0 0;font-size:10px;line-height:1.35}.admin-tag{color:#e6cd83;letter-spacing:.08em;background:#cdb05b20;border-radius:4px;padding:2px 4px;font-size:7px}.chat-form{gap:7px;display:flex}.chat-form input{color:#eff1e6;background:#071a1924;border-color:#c9d9c222;border-radius:10px;outline:none;width:100%;height:36px;padding:0 10px;font-size:10px}.chat-form input:focus{border-color:#8cb79677}.chat-form button{color:#18342f;background:#c8dda9;border:0;border-radius:10px;flex:0 0 37px;width:37px;font-size:18px;font-weight:850}.chat-form button:disabled{opacity:.38}.rules-strip{color:#9cb09c8d;border:1px solid #d0dfd216;border-radius:12px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:9px;line-height:1.55;display:flex}.rules-icon{color:#aec99e;border:1px solid #9ab0937b;border-radius:50%;flex:0 0 15px;place-items:center;width:15px;height:15px;font-family:Georgia,serif;font-size:10px;font-weight:800;display:grid}.page-footer{color:#88a19061;letter-spacing:.12em;justify-content:space-between;padding:20px 2px 2px;font-size:8px;font-weight:700;display:flex}@media (width<=920px){.login-page{grid-template-columns:minmax(250px,.8fr) minmax(350px,1fr);gap:24px;padding-left:35px;padding-right:35px}.login-card{padding:38px 31px 31px}.game-page{padding-left:20px;padding-right:20px}.game-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px}.dice-card{min-height:342px}}@media (width<=720px){html{scroll-behavior:smooth}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.login-page{grid-template-columns:1fr;justify-items:center;gap:0;padding:32px 18px 81px}.login-art{opacity:.3;width:265px;min-height:280px;position:absolute;top:-65px;left:-115px;transform:scale(.78)}.login-art:after{display:none}.login-card{width:min(100%,450px);margin-top:53px;padding:34px clamp(23px,7vw,39px) 28px}.login-footer{letter-spacing:.025em;gap:8px;font-size:8px;left:18px;right:18px}.game-page{padding:0 14px calc(18px + env(safe-area-inset-bottom))}.topbar{grid-template:"brand profile""room room"/minmax(0,1fr) auto;align-content:center;gap:6px 12px;height:auto;min-height:88px;padding:10px 0;display:grid}.brand-lockup{grid-area:brand;gap:8px;min-width:0}.brand-lockup strong{font-size:12px}.brand-mark.small{flex:0 0 36px;width:36px;height:36px}.room-label{grid-area:room;margin:0;font-size:10px}.room-divider{display:inline}.profile{grid-area:profile;gap:6px;min-width:0}.profile-copy{display:none}.avatar{flex:0 0 32px;width:32px;height:32px}.sound-toggle,.logout-button{flex:0 0 44px;width:44px;min-width:44px;height:44px}.logout-button{color:#d4e4c2;background:#e3f0d908;border:1px solid #d9e7d323;border-radius:11px;place-items:center;padding:0;font-size:16px;display:grid;transform:none}.game-layout{grid-template-columns:minmax(0,1fr);gap:15px;padding-top:16px}.table-heading{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:13px}.table-heading h1{text-wrap:balance;font-size:clamp(23px,7vw,27px);line-height:1.08}.phase-pill{max-width:100%;padding:8px 11px;font-size:10px}.dice-card{border-radius:20px;gap:8px;min-height:0;padding:16px 13px 12px}.table-topline{letter-spacing:.12em;text-align:center;gap:6px;font-size:8px}.dice-scene{height:clamp(180px,58vw,224px)}.result-label{text-align:center;font-size:13px}.dice-card-footer{gap:16px;padding-top:10px;font-size:11px}.room-stats{gap:8px}.side-total{gap:9px;min-height:86px;padding:10px}.side-total small{font-size:9px}.side-total strong{font-size:clamp(16px,4.6vw,19px)}.side-total div>span{font-size:10px}.side-symbol{width:32px;height:32px}.round-footnote{font-size:11px;line-height:1.5}.right-column{gap:11px}.bet-panel{padding:18px 15px 15px}.panel-kicker{font-size:9px}.wallet-balance{font-size:clamp(30px,9vw,36px)}.timer-box{min-height:66px;padding:11px 12px}.timer-label{font-size:9px}.side-option{grid-template-columns:39px 1fr;min-height:80px;padding:12px}.option-symbol{width:32px;height:32px}.side-option strong{font-size:14px}.side-option small{font-size:10px}.stake-input-wrap{height:46px}.stake-input-wrap input{height:42px;font-size:16px}.quick-stakes button{height:auto;min-height:44px;font-size:12px}.bet-button{min-height:48px;font-size:13px}.inline-notice{font-size:11px}.bet-hint{font-size:10px}.chat-panel{min-height:0;padding:16px 14px 13px}.chat-messages{min-height:100px;max-height:min(32vh,260px)}.message-meta strong{font-size:10px}.message-meta time{font-size:9px}.chat-message p{font-size:12px}.chat-form{gap:8px}.chat-form input{height:44px;font-size:14px}.chat-form button{flex-basis:44px;width:44px;height:44px}.rules-strip{padding:12px;font-size:10px}.page-footer{padding-bottom:max(2px, env(safe-area-inset-bottom));letter-spacing:.04em;flex-direction:column;align-items:flex-start;gap:8px;font-size:8px}.result-popup-backdrop{padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom))}.result-popup{border-radius:22px;max-height:calc(100svh - 24px);padding:26px 17px 20px}.result-popup h2{font-size:clamp(34px,12vw,48px)}.result-popup-dice{gap:8px}.result-popup-die{width:52px;height:52px;font-size:40px}}@media (width<=380px){.game-page{padding-left:12px;padding-right:12px}.topbar{column-gap:8px}.profile{gap:4px}.room-stats{gap:7px}.side-total{gap:7px;padding:9px 8px}.side-total strong{font-size:16px}.side-symbol{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}