@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#263d34;background:#f4f3eb;font-synthesis:none;--green:#1b5142;--muted:#7c887e;--gold:#d8b776}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d89d36;outline-offset:4px}button:disabled{opacity:.4;cursor:default}button{border:0}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd5;padding:0 5vw;background:#faf9f2}.brand{display:flex;gap:12px;align-items:center}.brandmark{width:40px;height:45px;display:grid;place-items:center;background:#184c3d;color:#f8e9bf;border-radius:8px;box-shadow:0 4px 0 #b5c9b3;font:28px serif}.brand strong{font-family:Manrope,sans-serif;display:block;font-size:21px;letter-spacing:-1px}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:3px;color:#758477}.topactions{display:flex;gap:10px;align-items:center}.quiet{background:transparent;color:#506458;padding:10px 14px;border-radius:8px}.quiet:hover{background:#e8ede2}.pill{font-size:11px;border:1px solid #d8dfd1;border-radius:30px;padding:8px 13px;display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;border-radius:50%;background:#5b9a70}.wrap{max-width:1440px;padding:34px 5vw 28px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#819172;font-weight:700;text-transform:uppercase}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px;gap:16px}h1{font:600 35px/1.2 Manrope,sans-serif;letter-spacing:-1.6px;margin:8px 0 0}.sub{color:#839082;font-size:13px;line-height:1.6}.rule-tag{font-size:12px;background:#e6ebdf;color:#536b4e;border-radius:6px;padding:10px 14px}.lobby-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.hero{min-height:410px;position:relative;overflow:hidden;display:flex;align-items:end;border-radius:20px;background:radial-gradient(ellipse at 50% 30%,#337761,#173e34 80%);padding:34px;color:#f4f0d9}.hero:after,.table:after{content:'';pointer-events:none;position:absolute;inset:14px;border:1px solid #e3dcad22;border-radius:14px}.hero-art{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:13px;perspective:800px;padding-bottom:60px}.hero-art .tile{width:88px;height:118px;transform:rotateX(25deg) rotateZ(-15deg);box-shadow:0 10px 0 #adc8ab,0 14px 0 #507f66,10px 25px 25px #001d2580;animation:float 5s ease-in-out infinite}.hero-art .tile:nth-child(2){transform:translateY(-22px) rotateX(25deg) rotateZ(5deg);animation-delay:-2s}.hero-art .tile:nth-child(3){transform:rotateX(25deg) rotateZ(20deg);animation-delay:-3s}@keyframes float{50%{margin-top:-18px}}.hero-copy{position:relative;z-index:1}.hero-copy h2{font:500 24px Manrope,sans-serif;margin:0 0 8px}.hero-copy p{font-size:12px;color:#c0d0bc;margin:0}.hero-stamp{position:absolute;right:26px;top:26px;font-size:10px;letter-spacing:2px;border:1px solid #cdd4ac55;padding:9px 13px;border-radius:30px;color:#d4ddb9}.setup{background:#fffef8;border:1px solid #e0e3d7;border-radius:20px;padding:26px}.setup h2{font:600 20px Manrope,sans-serif;margin:0 0 19px}.field{display:flex;flex-direction:column;gap:8px;margin:16px 0}.field label,.label{font-size:11px;font-weight:700;color:#6a7f6b}.field input,.field select{padding:12px;border:1px solid #dce2d3;border-radius:8px;background:#fafbf5;width:100%;color:#344c3c;min-height:44px}.row{display:flex;gap:10px;align-items:center}.primary{background:#205a46;color:#fff9e9;padding:13px 21px;border-radius:9px;font-weight:600;font-size:13px;min-height:44px}.primary:hover{background:#2d7159}.secondary{background:#f0f0e6;border:1px solid #d9dfd0;color:#536849;padding:12px 18px;border-radius:9px;font-size:13px;min-height:44px}.full{width:100%}.split{display:flex;align-items:center;gap:12px;color:#9ba58f;font-size:10px;margin:18px 0}.split:before,.split:after{content:'';height:1px;background:#e6e9df;flex:1}.check{display:flex;align-items:center;gap:8px;font-size:12px;color:#6a7e67;margin:12px 0}.check input{accent-color:#245f49;width:16px;height:16px}.chars-section{margin-top:30px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-head h2{font:600 18px Manrope,sans-serif;margin:0}.section-head span{font-size:11px;color:#8c9785}.char-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.char-card{text-align:left;background:#fbfcf5;padding:15px;border:1px solid #dfe5d6;border-radius:13px;position:relative;transition:.2s}.char-card.active{border:2px solid #3f7958;padding:14px;background:#eaf0e0}.char-card.active:after{content:'✓';position:absolute;right:10px;top:8px;color:#3c7450}.avatar{display:block;flex-shrink:0;width:58px;height:58px;border-radius:50%}.char-card .avatar{width:64px;height:64px;margin-bottom:10px}.char-card strong{display:block;font-size:13px}.char-card small{display:block;font-size:10px;line-height:1.5;color:#8a9781;margin-top:4px}.quote{font-size:11px;color:#52734b;margin-top:10px;line-height:1.7;min-height:38px}.footer{margin-top:28px;border-top:1px solid #dde2d3;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:#8b9782;gap:15px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px}.table{height:535px;background:radial-gradient(ellipse at 50% 45%,#367963,#205541 80%);border:9px solid #c9ba91;outline:1px solid #b1a680;border-radius:40px;position:relative;box-shadow:0 12px 0 #b6a57d,0 21px 35px #34432920;overflow:hidden;color:#e0e5ce}.felt-pattern{position:absolute;inset:0;opacity:.035;background-image:repeating-linear-gradient(30deg,transparent 0px,transparent 5px,#fff 6px,transparent 7px)}.table:after{inset:12px;border-radius:22px}.seat{position:absolute;display:flex;align-items:center;gap:9px;z-index:2}.seat .avatar{width:43px;height:43px;border:2px solid #d7ddbd66;box-shadow:0 3px 9px #12352944}.seat.active .avatar{border-color:#e8c67e;box-shadow:0 0 0 4px #e6c78122}.seat .name{font-size:12px;font-weight:600}.seat .seatwind{font-size:9px;color:#afc4a4;margin-top:3px;letter-spacing:1px}.seat.north{top:24px;left:50%;transform:translateX(-50%)}.seat.west{left:20px;top:43%;flex-direction:column;text-align:center}.seat.east{right:20px;top:43%;flex-direction:column;text-align:center}.seat.south{bottom:64px;left:24px}.bubble{position:absolute;white-space:normal;width:150px;background:#ffffeb;color:#3d6247;font-size:11px;line-height:1.6;padding:9px 12px;border-radius:11px;box-shadow:0 5px 15px #09291b33;z-index:9;animation:bubble .25s ease-out}.north .bubble{left:115px;top:5px}.west .bubble{left:45px;top:-50px}.east .bubble{right:45px;top:-50px}.south .bubble{bottom:58px;left:0}@keyframes bubble{from{opacity:0;transform:translateY(6px)}}.opponent-hand{position:absolute;display:flex;gap:2px;opacity:.8}.opponent-hand.top{top:86px;left:50%;transform:translateX(-50%)}.opponent-hand.left{left:105px;top:50%;transform:translate(-50%,-50%) rotate(90deg)}.opponent-hand.right{right:95px;top:50%;transform:translate(50%,-50%) rotate(-90deg)}.back{width:16px;height:24px;border:1px solid #afc4a0;border-radius:3px;background:linear-gradient(135deg,#528d67,#377252);box-shadow:0 3px 0 #a4bd9a}.center-board{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:260px;height:250px}.compass{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);height:87px;width:87px;background:#194835;border:1px solid #93b18a66;border-radius:14px;box-shadow:0 4px 10px #123e3444;display:grid;place-items:center}.compass-content{transform:rotate(-45deg);text-align:center}.compass-content b{font:24px serif;color:#e0d2a0}.compass-content small{display:block;font-size:9px;margin-top:4px;color:#9cbb99}.river{position:absolute;display:flex;gap:3px;flex-wrap:wrap;width:184px;max-height:73px;overflow:hidden}.river .tile{width:25px;height:34px;border-radius:3px;box-shadow:0 3px 0 #c0c9a7}.river.r0{bottom:0;left:38px}.river.r2{top:0;left:38px;transform:rotate(180deg)}.river.r1{right:-40px;top:90px;transform:rotate(-90deg)}.river.r3{left:-40px;top:90px;transform:rotate(90deg)}.river .tile.last{outline:2px solid #f0cf81;outline-offset:2px;animation:bubble .3s}.tile{background:linear-gradient(145deg,#fffef3,#ecebd8);color:#1c5540;border:1px solid #d1d5b8;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;position:relative;padding:0;flex-shrink:0;box-shadow:0 4px 0 #b6c3a4,0 6px 0 #527c56,0 9px 9px #17332333;transition:transform .17s,box-shadow .17s}.tile svg{width:100%;height:100%;pointer-events:none}.tile .num{position:absolute;top:2px;left:3px;font-size:7px;font-weight:700;color:#598066}.hand-area{margin-top:27px;background:#e7ebdf;border:1px solid #d9dfd0;border-radius:13px;padding:15px 13px 18px}.hand-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#728464;margin-bottom:13px}.hand{display:flex;justify-content:center;gap:4px;min-height:58px;align-items:end}.hand .tile{width:clamp(24px,3vw,45px);height:clamp(38px,4.4vw,64px)}.hand .tile:hover{transform:translateY(-7px)}.hand .tile.selected{transform:translateY(-14px);outline:2px solid #d0aa58;outline-offset:2px}.hand .tile.drawn{margin-left:9px}.melds{display:flex;gap:12px;margin-top:10px;justify-content:center}.meld-group{display:flex;gap:2px;position:relative}.meld-group .tile{width:24px;height:34px;box-shadow:0 2px 0 #b0bb9d}.meld-group small{font-size:8px;color:#7a8d6a;align-self:center;margin-left:3px}.opponent-melds{position:absolute;display:flex;gap:7px}.opponent-melds.top{top:117px;left:50%;transform:translateX(-50%)}.opponent-melds.left{left:75px;bottom:110px;transform:rotate(90deg)}.opponent-melds.right{right:75px;bottom:110px;transform:rotate(-90deg)}.opponent-melds .tile{width:15px;height:22px;box-shadow:0 2px 0 #b1c39d}.table-caption{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;color:#b8c8a6;white-space:nowrap}.sidebar{display:flex;flex-direction:column;gap:15px}.card{padding:20px;border:1px solid #dce2d2;background:#fffef8;border-radius:13px}.card h3{font:700 13px Manrope,sans-serif;margin:0 0 13px}.guide-title{display:flex;align-items:center;gap:8px}.guide-title span{font-size:19px}.status{font:600 18px/1.4 Manrope,sans-serif;margin:10px 0;color:#32573e}.hint{font-size:12px;line-height:1.8;color:#829077}.call-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.call-buttons button{flex:1;min-width:80px;padding:11px 9px;background:#e8eddd;border:1px solid #d2dcc5;border-radius:7px;color:#486c3c;font-size:12px}.call-buttons button.hu{background:#d9b675;color:#2f4d36;border-color:#c5a469}.waiting{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.waiting .tile{width:25px;height:35px}.rule-line{display:flex;justify-content:space-between;font-size:11px;color:#7f8c76;margin:10px 0}.rule-line strong{color:#455d3d;font-weight:500}.log{font-size:10px;line-height:1.7;color:#8b9780}.log p{padding-bottom:7px;border-bottom:1px solid #ecefe4;margin:8px 0}.log p:last-child{color:#436b40;border:0}.badge{font-size:9px;padding:4px 6px;border-radius:4px;background:#e9efdf;color:#587b45;margin-left:5px}.room-code{font:700 25px Manrope,sans-serif;letter-spacing:3px;color:#356642;cursor:pointer}.roster{display:flex;gap:12px;flex-direction:column;margin:20px 0}.roster-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e7ebdf;padding-bottom:12px}.roster-row .avatar{width:42px;height:42px}.roster-row strong{font-size:13px}.roster-row small{font-size:10px;color:#87967c;display:block;margin-top:4px}.empty-seat{border:1px dashed #c6d1bb;display:grid;place-items:center;border-radius:50%;width:42px;height:42px;color:#a6b29b}.room-banner{background:#e7eddd;border-radius:10px;padding:14px;font-size:12px;color:#5a7750;line-height:1.8}.connection{color:#a46c37;font-size:12px}dialog{padding:28px;border:1px solid #d3ddc5;border-radius:17px;max-width:600px;width:calc(100% - 30px);color:#34513b;background:#fcfdf4;max-height:85dvh;overflow:auto;box-shadow:0 20px 80px #102f4144}dialog::backdrop{background:#13392b99;backdrop-filter:blur(4px)}dialog h2{font:600 25px Manrope,sans-serif;margin-top:0}dialog p,dialog li{font-size:13px;line-height:1.8;color:#75876b}dialog h3{font-size:14px;margin-top:22px}.modal-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.close{font-size:22px;line-height:1;background:transparent;color:#6f8264;padding:3px 8px}.result-score{font:600 50px Manrope,sans-serif;color:#35734a;margin:14px 0}.result-portrait{width:90px;height:90px;margin:0 auto 15px}.result-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin:20px 0}.result-hand .tile{width:30px;height:42px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#183f30;color:#fffde7;padding:13px 22px;border-radius:9px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1}.mobile-note{display:none}.result-actions{display:flex;gap:8px;justify-content:center}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rules-grid>div{padding:12px;border:1px solid #dce5d1;border-radius:9px}.rules-grid h3{margin:0}.speech-label{font-size:11px;color:#6e8260}.server-hint{font-size:10px;color:#8e997f;line-height:1.6;margin:10px 0 0}.turn-indicator{color:#d7cc93;font-size:10px}.waiting-info{font-size:10px;color:#8a987f;margin-top:8px}.tile-name{font-size:11px;color:#73866b}.avatar svg{width:100%;height:100%}
@media(min-width:1500px){.table{height:580px}.center-board{transform:translate(-50%,-50%) scale(1.1)}}@media(max-width:1100px){.wrap{padding:26px 3vw}.topbar{padding:0 3vw}.game-layout{grid-template-columns:minmax(0,1fr) 225px}.table{height:490px}.center-board{transform:translate(-50%,-50%) scale(.86)}.opponent-hand.left{left:80px}.opponent-hand.right{right:80px}.back{width:13px;height:21px}.seat.west{left:12px}.seat.east{right:12px}.char-card{padding:12px}.char-card.active{padding:11px}.quote{font-size:10px}.card{padding:16px}.hand{gap:3px}}
@media(max-width:800px){.game-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1.3fr 1fr}.sidebar .activity{display:none}.table{height:480px}.hand .tile{width:clamp(22px,5vw,42px);height:clamp(34px,7vw,60px)}.char-grid{grid-template-columns:repeat(3,1fr)}.char-card .avatar{float:left;margin:0 10px 5px 0;width:48px;height:48px}.char-card .quote{clear:both;min-height:32px}.lobby-grid{grid-template-columns:1.1fr 1fr;gap:16px}.hero{padding:22px;min-height:400px}.hero-art{gap:8px}.hero-art .tile{width:65px;height:92px}.hero-copy h2{font-size:20px}.setup{padding:20px}.heading h1{font-size:30px}.heading{margin-bottom:20px}.topbar{height:76px}.brand strong{font-size:19px}.topactions{gap:3px}.topactions .pill{display:none}.quiet{font-size:12px;padding:9px}.footer{font-size:9px}}
@media(max-width:540px){.wrap{padding:21px 14px 24px}.heading h1{font-size:27px}.sub{font-size:11px}.rule-tag{font-size:9px;padding:8px;max-width:120px;text-align:center}.lobby-grid{grid-template-columns:1fr}.hero{min-height:250px;border-radius:15px}.hero-art{padding-bottom:48px}.hero-art .tile{width:58px;height:78px}.hero-copy h2{font-size:19px}.hero-stamp{font-size:8px;top:18px;right:18px}.setup{border-radius:15px}.char-grid{gap:8px}.char-card{padding:11px 9px}.char-card.active{padding:10px 8px}.char-card .avatar{float:none;margin:0 0 8px;width:48px;height:48px}.char-card small{min-height:30px}.quote{line-height:1.6;margin-top:6px;min-height:45px!important}.section-head span{font-size:9px}.section-head h2{font-size:16px}.table{height:390px;border-width:6px;border-radius:27px;box-shadow:0 8px 0 #b6a57d,0 13px 20px #34432920}.table:after{inset:8px;border-radius:15px}.seat.north{top:15px}.seat .avatar{width:35px;height:35px}.seat .name{font-size:10px}.seat .seatwind{font-size:8px}.seat.west{left:8px;top:42%}.seat.east{right:8px;top:42%}.seat.south{left:15px;bottom:42px}.opponent-hand.top{top:62px;gap:1px}.back{width:11px;height:18px}.opponent-hand.left{left:53px;gap:1px}.opponent-hand.right{right:53px;gap:1px}.center-board{transform:translate(-50%,-50%) scale(.65);top:49%}.opponent-melds.top{top:88px}.opponent-melds.left{left:25px;bottom:76px}.opponent-melds.right{right:25px;bottom:76px}.table-caption{font-size:7px;letter-spacing:1px;bottom:13px}.hand-area{margin-top:19px;padding:13px 7px 15px}.hand{gap:2px}.hand .tile{width:calc((100vw - 88px)/17);max-width:32px;height:calc((100vw - 88px)/17 * 1.6);min-height:30px;border-radius:3px}.hand .tile.drawn{margin-left:5px}.hand .tile .num{font-size:5px;top:1px;left:1px}.hand-label{font-size:8px;margin-bottom:17px}.sidebar{grid-template-columns:1fr;gap:12px}.sidebar .card{padding:16px}.sidebar .table-info{display:none}.guide .status{font-size:16px}.hint{font-size:11px;line-height:1.6}.call-buttons{margin:10px 0}.call-buttons button{min-width:70px;min-height:44px}.bubble{width:115px;font-size:10px;padding:7px 9px}.north .bubble{left:70px;top:0}.south .bubble{bottom:43px}.footer{margin-top:20px;line-height:1.6}.topbar{padding:0 15px;height:69px}.brandmark{width:32px;height:37px;font-size:23px}.brand strong{font-size:17px}.brand small{font-size:7px;letter-spacing:2px}.brand{gap:9px}.topactions .quiet{font-size:11px;padding:7px}.rules-grid{grid-template-columns:1fr}.heading{gap:8px}.row .primary,.row .secondary{padding:12px 14px}.seat .badge{display:none}.table-caption{max-width:170px;overflow:hidden}.result-hand .tile{width:24px;height:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:540px){.hand{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:11px 4px;align-items:end}.hand .tile{width:100%;max-width:none;height:auto;aspect-ratio:50/72;min-height:40px}.hand .tile.drawn{margin-left:0}.hand .tile.selected{transform:translateY(-8px) scale(1.1);z-index:3}.hand-area{padding:13px 10px 16px}.hand .tile .num{font-size:7px;top:2px;left:3px}.hand-label{letter-spacing:.5px}}

#unity-shell{position:absolute;z-index:2;overflow:hidden;background:#244f3c}#unity-canvas{width:100%;height:100%;display:block;outline:none;touch-action:none}#unity-progress{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#f6eaca;font:14px Manrope,system-ui;background:#254f3d}.unity-active .hero-art,.unity-active .table>*{visibility:hidden}.unity-active .hero-copy,.unity-active .hero-stamp{position:relative;z-index:4;pointer-events:none}.unity-active .hero-copy{background:#153c2ebd;padding:12px;border-radius:10px}.unity-active .hero-stamp{position:absolute}.unity-active .table{height:620px;border:0;outline:0;box-shadow:0 10px 25px #244f3422;border-radius:24px;background:transparent}.unity-active .hand-area{display:none}.unity-active .game-layout{align-items:start}.unity-active .sidebar{position:relative;z-index:4}dialog{z-index:100}#toast{z-index:110}@media(max-width:800px){.unity-active .table{height:600px}}@media(max-width:540px){.unity-active .table{height:440px}.unity-active .hero{min-height:330px}.unity-active .hero-copy{padding:10px}.unity-active .hero-copy h2{font-size:16px}.unity-active .hero-stamp{font-size:7px}.unity-active .game-layout{gap:18px}}

/* Taiwanese cartoon mahjong stage */
:root{color:#fff1c7;background:#180c29;--green:#e2ac37;--muted:#c5aaca}body{background:radial-gradient(ellipse at 50% 0%,#512252,#170d29 70%)}.topbar{height:60px;background:linear-gradient(#382144,#21142f);border-bottom:2px solid #b78437}.brandmark{background:#b8244e;color:#ffdf74;box-shadow:0 3px 0 #761e4a}.brand strong{color:#ffe6a5}.brand small,.quiet,.topactions .pill{color:#dfc9e7}.pill{border-color:#78556e}.quiet:hover{background:#62415f}.wrap{max-width:1600px;padding:18px 24px}.heading{margin-bottom:12px}.heading h1{font-size:25px;color:#ffe5a1}.eyebrow{color:#d5b272}.sub{color:#bea8c6}.rule-tag{background:#542944;color:#ffe2a0;border:1px solid #a8793d}.setup,.card{background:linear-gradient(135deg,#362443,#271b36);border-color:#84586f;color:#ffe9b1}.field label,.label,.hint,.rule-line,.log,.server-hint{color:#c9b4d1}.field input,.field select,#join-code{background:#21172f!important;color:#fff1cd!important;border-color:#76536e!important}.setup h2,.section-head h2,.card h3{color:#ffe4a2}.primary{background:linear-gradient(#ffc64d,#d68a21);color:#3c2236;border:1px solid #ffe29c;box-shadow:0 3px 0 #77412f;font-weight:800}.primary:hover{background:#ffce60}.secondary{background:linear-gradient(#4a789e,#285175);color:#f1f1fe;border-color:#88aabd}.char-card{background:#33213f;border-color:#73506b;color:#ffecc4}.char-card.active{background:#592e4d;border-color:#efbd50}.char-card small,.section-head span{color:#c9afcd}.char-card .quote{color:#f1cb83}.char-card .avatar{width:85px;height:85px;border-radius:12px}.char-card .avatar img{border-radius:12px!important}.footer{border-color:#54344d;color:#a890b1}.hero{background:#221332}.hero-copy{color:#ffe7ad}.hero-copy p{color:#dcc1dc}.unity-active .game-layout{display:block}.unity-active .table{height:min(74vh,820px);min-height:500px;border:2px solid #b48648;border-radius:10px;box-shadow:0 0 45px #b34a6b33}.unity-active .sidebar{margin-top:10px;display:block}.unity-active .sidebar .table-info,.unity-active .sidebar .activity{display:none}.unity-active .guide{position:relative;border:2px solid #a67b3e;padding:12px 18px;display:grid;grid-template-columns:1fr auto;gap:5px 24px;align-items:center;background:linear-gradient(#463052,#231832)}.guide .guide-title{display:none}.guide .status{margin:0;color:#ffe19d;font-size:19px}.guide .hint{font-size:12px}.guide>.primary{grid-column:2;grid-row:1/3;width:220px;font-size:15px}.guide .call-buttons{grid-column:2;grid-row:1/3;margin:0}.call-buttons button{background:linear-gradient(#4685aa,#1c4d76);color:#fff8c6;border:2px solid #a6c4d2;font-weight:800;font-size:15px;min-width:95px}.call-buttons button.hu{background:linear-gradient(#ffdc59,#db812a);color:#512134;border-color:#ffe99c}.guide>.quiet{font-size:10px!important;padding:0!important;margin:0!important}.guide .waiting,.guide h3,.guide .waiting-info{grid-column:1}.status{color:#ffe6a6}.rule-line strong{color:#ffe0a0}.room-code{color:#ffe0a0}.room-banner,.check{color:#dcc9df}.room-banner{background:#4b3151}.check input{accent-color:#e8b347}.badge{background:#4f3158;color:#ffe4a1}#unity-shell{border-radius:10px!important}.unity-active .hero{min-height:390px}.game-layout+.footer{margin-top:12px}.heading .sub{margin-bottom:0}@media(max-width:800px){.wrap{padding:13px 12px}.unity-active .table{height:65vh;min-height:460px}.guide>.primary{width:180px}}@media(max-width:540px){.topbar{height:57px}.heading h1{font-size:20px}.unity-active .table{height:440px;min-height:0}.unity-active .guide{display:block;padding:14px}.guide .call-buttons{margin:12px 0}.guide>.primary{width:100%;margin-top:12px}.guide .hint{font-size:11px}.char-card .avatar{width:62px;height:62px}.unity-active .hero{min-height:360px}.footer{font-size:8px}}

.point-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.point-fields .field{margin:6px 0 12px}.point-fields .field input{padding:8px;min-height:38px}.point-fields .field label{text-transform:uppercase;font-size:9px}.score-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:6px}.score-seat{display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid #704571;border-radius:9px;background:linear-gradient(#3b2855,#212343)}.score-seat.current{border:2px solid #ffc955;box-shadow:0 0 15px #dba13c33;padding:6px 11px}.score-seat .avatar{width:48px;height:48px;border:1px solid #ae8196}.score-seat strong{display:block;font-size:11px;color:#f2d9ee}.score-seat span:not(.avatar){display:block;font-size:20px;color:#ffd16a;font-weight:800}.score-seat small{font-size:8px;color:#ac9cbf}.table-bet{font-size:11px;color:#c7a6ce;text-align:center;margin:7px 0 10px}.table-bet b{color:#ffd474}.blocked-hu{background:#593348!important;border-color:#bb6370!important;color:#ffa8aa!important;opacity:.85!important}.payment-formula{background:#e9dfc1;color:#23412b;padding:16px;border-radius:8px;font-weight:800;font-size:17px}.settlement{margin-top:20px}.settlement .rule-line{color:#567047}.settlement .rule-line strong{color:#2e5936}@media(max-width:650px){.score-strip{grid-template-columns:repeat(2,1fr);gap:5px}.score-seat{padding:5px 8px}.score-seat.current{padding:4px 7px}.score-seat .avatar{width:36px;height:36px}.score-seat strong{font-size:10px}.score-seat span:not(.avatar){font-size:17px}.table-bet{font-size:9px}.score-seat small{font-size:7px}}

body.in-game{overflow:hidden}body.in-game .topbar{height:52px}body.in-game .wrap{height:calc(100dvh - 52px);padding:7px 16px 9px;display:flex;flex-direction:column}body.in-game .heading{flex:none;margin:0 0 7px;min-height:34px}body.in-game .heading h1{font-size:20px;margin:2px 0 0}body.in-game .eyebrow{font-size:8px}body.in-game .score-strip{flex:none;gap:7px;margin-bottom:3px}body.in-game .score-seat{padding:5px 10px}body.in-game .score-seat.current{padding:4px 9px}body.in-game .score-seat .avatar{width:36px;height:36px}body.in-game .score-seat span:not(.avatar){font-size:18px}body.in-game .table-bet{flex:none;margin:4px 0 7px;font-size:10px}body.in-game .game-layout{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:7px}body.in-game .game-layout>div{min-height:0}body.in-game .table{height:100%!important;min-height:0!important;max-height:none!important}body.in-game .sidebar{margin:0;min-height:0}body.in-game .guide{padding:9px 13px;gap:2px 18px}body.in-game .guide .status{font-size:15px}body.in-game .guide .hint{font-size:11px;line-height:1.5}body.in-game .guide>.quiet{font-size:9px!important}body.in-game .footer{display:none}@media(max-width:540px){body.in-game .topbar{height:52px}body.in-game .wrap{padding:7px 9px 10px}body.in-game .heading h1{font-size:18px}body.in-game .score-seat{padding:3px 7px}body.in-game .score-seat.current{padding:2px 6px}body.in-game .score-seat .avatar{width:27px;height:27px}body.in-game .score-seat strong{font-size:9px}body.in-game .score-seat span:not(.avatar){font-size:14px}body.in-game .score-strip{gap:4px}body.in-game .table-bet{font-size:8px}body.in-game .guide{padding:10px 12px}body.in-game .guide>.primary{margin-top:8px;min-height:42px;padding:9px}body.in-game .call-buttons{margin:6px 0}body.in-game .call-buttons button{min-height:42px;padding:8px;font-size:13px}}
body.in-game .game-layout{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important}body.in-game .game-layout>div{height:100%}body.in-game .sidebar{grid-column:1;grid-row:2}body.in-game .game-layout>div:first-child{grid-column:1;grid-row:1}
body.in-game .heading{display:none}body.in-game .topbar{height:44px}body.in-game .wrap{height:calc(100dvh - 44px);padding-top:5px}body.in-game .brandmark{width:29px;height:32px;font-size:21px}body.in-game .brand strong{font-size:17px}body.in-game .brand small{font-size:7px}body.in-game .score-seat .avatar{width:26px;height:26px}body.in-game .score-seat{padding:4px 9px}body.in-game .score-seat.current{padding:3px 8px}body.in-game .score-seat strong{font-size:10px}body.in-game .score-seat span:not(.avatar){font-size:16px}body.in-game .table-bet{margin:2px 0 4px;font-size:9px}body.in-game .guide{padding:7px 12px}body.in-game .guide .status{font-size:13px}body.in-game .guide .hint{font-size:10px}body.in-game .guide>.primary{min-height:40px;padding:9px}@media(max-width:540px){body.in-game .score-strip{grid-template-columns:repeat(2,1fr)}body.in-game .guide .status{font-size:14px}body.in-game .guide .hint{font-size:11px}}

#table-overlay{position:absolute;inset:0;z-index:5;pointer-events:none}.wall-badge{position:absolute;top:9px;left:50%;transform:translateX(-50%);padding:5px 12px;background:#18243bd9;border:1px solid #a68f56;border-radius:15px;color:#ffe9b0;font-size:10px;white-space:nowrap}.last-discard{position:absolute;right:15px;top:46%;width:75px;padding:7px;background:#172f4de8;border:2px solid #76d7b9;border-radius:12px;box-shadow:0 0 18px #6bdeaf55;text-align:center}.last-discard small{font-size:8px;color:#ffe7a9;display:block;margin-bottom:5px}.last-discard img{display:block;width:100%;height:auto;border-radius:5px}@media(max-width:540px){.wall-badge{font-size:8px;padding:4px 8px;top:6px}.last-discard{width:46px;right:6px;padding:4px;top:40%;border-radius:8px}.last-discard small{font-size:5px;margin-bottom:3px}}
.room-picker{position:absolute;left:12px;top:10px;z-index:8;background:#18243be8;border:1px solid #a68f56;border-radius:8px;padding:5px 8px;color:#ffe9b0;font-size:9px;display:flex;align-items:center;gap:6px}.room-picker select{background:#263148;color:#fff1cf;border:0;border-radius:4px;padding:4px;font-size:11px;min-height:28px;max-width:155px}@media(max-width:540px){.room-picker{top:auto;bottom:5px;left:6px;padding:2px 5px;font-size:7px}.room-picker select{font-size:9px;min-height:26px;max-width:135px}}