@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Noto+Sans+KR:wght@400;600;700&display=swap";:root{--bg-main:#132b47;--bg-deep:#0b1d31;--bg-panel:#1b3a5d;--gold:#d7ad55;--gold-light:#f2d58d;--text-main:#f7f9fc;--text-muted:#9eb1c5;--danger:#d65c67;--success:#43ad83;--blue:#398ad7;--card-back:#163b62;--shadow:0 12px 32px #06142566;color:var(--text-main);background:var(--bg-deep);font-synthesis:none;font-family:Montserrat,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body,#root{max-width:100%;overflow-x:hidden}body{background:radial-gradient(circle at 50% 25%,#224e79 0,var(--bg-main) 42%,var(--bg-deep) 100%);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{background:linear-gradient(#153453aa,#0c2035dd);width:min(100%,560px);min-height:100vh;margin:auto;overflow:hidden;box-shadow:0 0 80px #020b14}header{background:#0b2037dd;border-bottom:1px solid #d7ad5530;padding:14px 18px 10px;position:relative}.brand{align-items:center;gap:8px;display:flex}.brand-icon{color:var(--gold);font-size:22px}.brand strong{letter-spacing:2px;font-size:16px;display:block}.brand small{color:var(--gold-light);letter-spacing:2.3px;margin-top:2px;font-size:7px;display:block}.round{color:var(--text-muted);letter-spacing:1px;font-size:10px;position:absolute;top:15px;right:18px}.round b{color:var(--gold-light);font-size:18px}.round span{font-size:10px}.scoreboard{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:13px;display:grid}.score{text-align:center;background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;padding:8px 10px}.score.active{background:#d7ad550d;border-color:#d7ad5570}.score span,.score small{color:var(--text-muted);font-size:9px;display:block}.score strong{color:#fff;font-size:26px;line-height:1.1}.score small{color:var(--gold-light);letter-spacing:1px}.score-divider{color:var(--gold);font-size:22px}.roles{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:8px;display:flex}.roles b{color:#fff}.roles i{background:#56718c;width:18px;height:1px}.table{padding:12px 12px 24px}.section-label{letter-spacing:1px;color:var(--text-muted);justify-content:space-between;margin:0 2px 7px;font-size:9px;display:flex}.section-label b{color:var(--gold-light)}.card-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.card-grid .card:nth-child(n+8){transform:translate(50%)}.card-grid .card--selected:nth-child(n+8){transform:translate(50%,-8px)}.card{aspect-ratio:.69;color:#152b43;background:linear-gradient(145deg,#fff,#dfe7ef);border:1px solid #d6dce2;border-radius:5px;width:100%;min-width:0;padding:0;transition:all .18s;display:block;position:relative;overflow:hidden;box-shadow:0 3px 8px #05101e55}.card:disabled{opacity:1}.card:not(:disabled){cursor:pointer}.card--selected{border:2px solid var(--gold-light);transform:translateY(-8px);box-shadow:0 5px 14px #d7ad5570}.corner{font-size:clamp(8px,2.5vw,13px);font-weight:800;position:absolute;top:3px;left:4px}.suit{color:#31557a;place-items:center;font-size:clamp(12px,4vw,22px);display:grid;position:absolute;inset:0}.suit.gold{color:#b18431}.card--back{border:2px solid var(--gold);color:var(--gold-light);background:repeating-linear-gradient(45deg,#153c63 0 5px,#1c4b77 5px 8px);box-shadow:inset 0 0 0 2px #102b48,inset 0 0 0 4px #d7ad5575,0 3px 8px #05101e55}.card--back:after{content:"◆";border:1px solid #d7ad5580;place-items:center;font-size:10px;display:grid;position:absolute;inset:17%;transform:rotate(45deg)}.back-mark{letter-spacing:1px;z-index:1;place-items:center;font-size:7px;display:grid;position:absolute;inset:0}.opponent{opacity:.9}.submission{perspective:600px;grid-template-columns:72px 36px 72px;justify-content:center;align-items:center;gap:7px;margin:13px 0 8px;display:grid}.submission>div{text-align:center}.submission small{color:var(--text-muted);margin-bottom:4px;font-size:8px;display:block}.submission>strong{color:var(--gold);text-align:center;font-style:italic}.submission .card{width:58px;margin:auto}.submission .card:not(.card--back):empty{box-shadow:none;background:#ffffff05;border:1px dashed #8193a655}.revealing .card{animation:.6s both flip}@keyframes flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.control{text-align:center;min-height:214px;box-shadow:var(--shadow);background:linear-gradient(150deg,#1c3c60ee,#122f4ddd);border:1px solid #ffffff12;border-radius:15px;padding:11px 15px 13px;position:relative}.turn-badge{color:var(--gold-light);letter-spacing:1.6px;border:1px solid #d7ad5555;border-radius:20px;padding:4px 9px;font-size:8px;display:inline-block}.control h2{margin:12px 0 4px;font-size:17px;line-height:1.45}.control h2 em{color:var(--gold-light);font-style:normal}.control p{color:var(--text-muted);margin:0 0 10px;font-size:10px}.timer{align-items:center;gap:5px;display:flex;position:absolute;top:10px;right:14px}.timer span{color:var(--gold-light);font-size:13px;font-weight:800}.timer>div{background:#071b2d;border-radius:2px;width:32px;height:3px;overflow:hidden}.timer i{background:var(--gold);height:100%;transition:width .2s linear;display:block}.timer.urgent span{color:var(--danger)}.timer.urgent i{background:var(--danger)}.primary,.secondary,.actions button{color:#fff;cursor:pointer;border:0;border-radius:9px;min-height:48px;padding:0 16px;font-size:12px;font-weight:700}.primary{color:#14243a;background:linear-gradient(135deg,#c69a42,#e1bb66);width:100%;box-shadow:0 5px 15px #d7ad5530}.primary:disabled,.actions button:disabled{opacity:.35;cursor:not-allowed}.secondary{background:#ffffff0a;border:1px solid #ffffff24}.control>.primary{margin-top:10px}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ask{background:var(--blue)}.truth,.up{background:var(--success)}.lie,.down{background:var(--danger)}.lie-status{color:var(--text-muted);margin:8px;font-size:9px}.lie-status b{color:#fff}.hand{margin-top:14px}.answer-call span,.round-result span{color:var(--text-muted);letter-spacing:2px;font-size:10px;display:block}.answer-call strong{margin-top:12px;font-size:38px;display:block}.answer-call.up strong,.answer-chip.up{color:#67d3a8}.answer-call.down strong,.answer-chip.down{color:#f0777f}.answer-chip{border:1px solid;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-block}.open-call{letter-spacing:3px;color:var(--gold-light);padding-top:40px;font-size:26px;font-weight:800;animation:.5s flash}@keyframes flash{50%{text-shadow:0 0 25px var(--gold);transform:scale(1.12)}}.round-result{padding-top:17px}.round-result strong{color:var(--gold-light);margin:9px;font-size:26px;display:block}.round-result b{font-size:14px}.round-result.special{animation:.55s power}.round-result.special strong{font-size:30px}@keyframes power{50%{transform:scale(1.12)}}.welcome,.final{text-align:center;background:radial-gradient(circle at 50% 35%,#254e74 0,#102943 50%,#091b2d 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px 24px;display:flex}.logo-big{color:var(--gold);filter:drop-shadow(0 0 20px #d7ad5570);font-size:52px}.eyebrow{letter-spacing:2.7px;color:var(--gold-light);font-size:9px}.welcome h1{letter-spacing:4px;margin:10px 0;font-size:43px}.welcome h1 em{color:var(--gold);font-style:normal}.welcome p{color:var(--text-muted);font-size:13px;line-height:1.8}.rule-strip{letter-spacing:1px;color:var(--text-muted);align-items:center;gap:10px;margin:20px 0 28px;font-size:8px;display:flex}.rule-strip i{background:var(--gold);border-radius:50%;width:3px;height:3px}.welcome .primary{max-width:330px}.local-note{letter-spacing:1px;color:#7289a0;margin-top:14px;font-size:8px}.final h1{letter-spacing:3px;color:var(--gold-light);margin:12px;font-size:44px}.final h1.win{color:#6cd8ad}.final h1.lose{color:#f0777f}.final-score{align-items:center;gap:25px;margin:10px;display:flex}.final-score div{flex-direction:column;display:flex}.final-score span{color:var(--text-muted);font-size:10px}.final-score b{font-size:42px}.final-score i{color:var(--gold);font-size:25px}.stats{background:#ffffff08;border:1px solid #ffffff12;border-radius:13px;width:100%;margin:15px 0;padding:6px 15px}.stats div{border-bottom:1px solid #ffffff0c;justify-content:space-between;padding:9px 0;font-size:11px;display:flex}.stats div:last-child{border:0}.stats span{color:var(--text-muted)}.final>.primary,.final>.secondary{width:100%;margin-top:8px}@media (width>=560px){.table{padding-left:24px;padding-right:24px}.card-grid{gap:7px}.corner{font-size:13px}.suit{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.online-home,.lobby{background:radial-gradient(circle at 50% 25%,#28577e 0,#112d49 48%,#091b2d 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:28px 24px;display:flex}.online-home h1,.lobby h1{letter-spacing:4px;margin:7px 0 18px;font-size:38px}.online-home h1 em{color:var(--gold);font-style:normal}.connection-pill{color:var(--text-muted);letter-spacing:1px;border:1px solid #ffffff15;border-radius:20px;align-items:center;gap:7px;margin-bottom:22px;padding:6px 10px;font-size:8px;display:flex}.connection-pill i{background:var(--danger);border-radius:50%;width:7px;height:7px}.connection-pill i.online{background:var(--success);box-shadow:0 0 9px var(--success)}.field{width:100%;margin:7px 0}.field span{color:var(--text-muted);letter-spacing:1px;margin:0 0 6px 3px;font-size:9px;display:block}.field input{color:#fff;background:#071c2f80;border:1px solid #ffffff20;border-radius:10px;outline:none;width:100%;height:52px;padding:0 15px;font:600 14px Montserrat,Noto Sans KR,sans-serif}.field input:focus{border-color:var(--gold)}.field .code-input{text-align:center;letter-spacing:7px;text-transform:uppercase;font-size:21px}.online-actions{gap:9px;width:100%;margin-top:15px;display:grid}.online-actions .secondary{width:100%}.ghost{min-height:42px;color:var(--text-muted);background:0 0;border:0;font-size:11px}.local-link{color:var(--gold-light);letter-spacing:1px;margin-top:18px;font-size:9px}.error-box{color:#ffabb1;text-align:center;background:#d65c6718;border:1px solid #d65c6760;border-radius:8px;width:100%;margin:8px 0;padding:10px;font-size:10px}.modal-backdrop{z-index:10;background:#020812cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-card{width:min(100%,420px);box-shadow:var(--shadow);background:#173653;border:1px solid #d7ad5545;border-radius:15px;padding:22px}.help-card h2{color:var(--gold-light);letter-spacing:2px}.help-card p{color:var(--text-muted);font-size:12px;line-height:1.7}.room-code{text-align:center;background:#ffffff08;border:1px solid #d7ad5540;border-radius:15px;width:100%;padding:20px}.room-code span,.room-code small{color:var(--text-muted);letter-spacing:2px;font-size:8px;display:block}.room-code strong{color:var(--gold-light);letter-spacing:7px;margin:8px;font-size:34px;display:block}.lobby-players{grid-template-columns:1fr 1fr;gap:9px;width:100%;margin:18px 0;display:grid}.lobby-players div{text-align:center;background:#ffffff07;border:1px solid #ffffff12;border-radius:11px;padding:15px 10px}.lobby-players span,.lobby-players b,.lobby-players i{display:block}.lobby-players span{color:var(--gold-light);letter-spacing:1px;font-size:8px}.lobby-players b{margin:7px 0;font-size:13px}.lobby-players i{color:var(--text-muted);font-size:8px;font-style:normal}.lobby-players i.connected{color:var(--success)}.full{width:100%;margin-top:9px}.waiting-copy{color:var(--text-muted);font-size:11px}.disconnect-banner{text-align:center;color:#ffb3b9;background:#d65c6725;padding:9px;font-size:10px}.private-status{text-align:center;color:var(--text-muted);margin-top:10px;font-size:9px}.private-status b{color:var(--gold-light)}.online-final h2{color:var(--gold-light);margin:8px;font-size:30px}.online-final p{font-size:20px}.online-final{padding-top:4px}.online-header{position:relative}.dual-screen{background:#071423;grid-template-columns:1fr 1fr;gap:2px;height:100vh;display:grid}.dual-screen>section{background:#0c2035;grid-template-rows:42px 1fr;min-width:0;display:grid}.dual-screen>section>header{background:#07192a;border-bottom:1px solid #d7ad5535;justify-content:center;align-items:center;gap:10px;display:flex}.dual-screen>section>header b{color:var(--gold-light);letter-spacing:1px;font-size:11px}.dual-screen>section>header span{color:var(--text-muted);font-size:9px}.dual-screen iframe{background:#0b1d31;border:0;width:100%;height:100%}.online-control{padding-top:18px}.online-timer{z-index:4;width:max-content;min-width:132px;color:var(--gold-light);background:#071b2de8;border:1px solid #d7ad5566;border-radius:12px;justify-content:center;align-items:baseline;gap:6px;margin:10px auto 4px;padding:8px 14px;display:flex;position:relative;box-shadow:0 5px 18px #020a14aa}.online-timer span{color:var(--text-muted);font-size:10px}.online-timer strong{color:#fff;font-size:28px;line-height:1}.online-timer small{font-size:10px}.online-timer--active{border-color:var(--gold);background:#1c3858;box-shadow:0 0 18px #d7ad5538}.online-timer--waiting{min-width:118px;padding:6px 11px}.online-timer--waiting strong{font-size:20px}.online-timer.urgent{border-color:var(--danger);color:#ff9da4}.online-timer.urgent strong{color:#ff9da4}.inline-seconds{color:var(--gold-light);white-space:nowrap;font-size:.72em}@media (width<=760px){.dual-screen{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.dual-screen>section{grid-template-rows:32px 1fr}.dual-screen>section>header{z-index:2;position:relative}}.time-mode-picker{border:0;width:100%;margin:12px 0 2px;padding:0}.time-mode-picker legend{color:var(--text-muted);letter-spacing:1px;margin:0 0 7px 3px;font-size:9px}.time-mode-picker label{cursor:pointer;text-align:left;background:#071c2f80;border:1px solid #ffffff1c;border-radius:11px;align-items:center;width:100%;margin:7px 0;padding:12px;display:flex}.time-mode-picker label.selected{border-color:var(--gold);background:#d7ad5512;box-shadow:0 0 0 1px #d7ad5525}.time-mode-picker input{accent-color:var(--gold);margin-right:11px}.time-mode-picker span,.time-mode-picker b,.time-mode-picker strong,.time-mode-picker small{display:block}.time-mode-picker b{color:#fff;font-size:12px}.time-mode-picker strong{color:var(--gold-light);margin-top:3px;font-size:10px}.time-mode-picker small{color:var(--text-muted);margin-top:3px;font-size:9px}.time-mode-badge{background:#d7ad550d;border:1px solid #d7ad5545;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:10px 13px;display:flex}.time-mode-badge b{color:var(--gold-light);font-size:11px}.time-mode-badge span{color:var(--text-muted);font-size:9px}.game-mode-label{text-align:center;color:var(--gold-light);letter-spacing:.7px;margin-top:7px;font-size:8px}.game-format-picker label{min-height:72px}.game-format-picker label.recommended-format{position:relative}.recommended-badge{background:var(--gold);color:#092137;letter-spacing:.4px;border-radius:999px;margin-bottom:5px;padding:3px 7px;font-size:8px;font-style:normal;font-weight:900;display:inline-block}.fixed-mode-note{background:#d7ad550d;border:1px solid #d7ad5545;border-radius:11px;justify-content:space-between;align-items:center;width:100%;margin:12px 0;padding:13px;display:flex}.fixed-mode-note b{color:var(--gold-light)}.fixed-mode-note span{color:var(--text-muted);font-size:11px}.game-format-badge{flex-wrap:wrap;gap:4px 12px}.game-format-badge small{color:var(--text-muted);flex-basis:100%;font-size:9px}.seven-format .card-grid{grid-template-columns:repeat(7,minmax(44px,1fr))}.seven-format .card-grid .card:nth-child(n){transform:none}.seven-format .hand .card-grid .card.selected{transform:translateY(-8px)}.opening-round-role{background:#d7ad550d;border-color:#d7ad5566;justify-content:center;gap:8px}.opening-round-role b{color:var(--gold-light)}.opening-round-role span{color:var(--text-muted)}.next-first-copy{color:var(--gold-light);border:1px solid #d7ad5555;border-radius:9px;margin-top:8px;padding:8px 12px;font-style:normal;font-weight:800;display:block}@media (width<=359px){.seven-format .card-grid{grid-template-columns:repeat(4,minmax(44px,1fr))}}.card-rank{color:#31557a;place-content:center;font-size:clamp(16px,5vw,26px);font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.card-rank i{text-align:center;margin-top:3px;font-size:7px;font-style:normal}.mobile-match-summary,.opponent-summary{display:none}.resource-row,.selected-card-copy{color:var(--text-muted);font-size:11px}.resource-row{margin:0 2px 8px}.selected-card-copy{text-align:center;margin-top:10px}.selected-card-copy b{color:var(--gold-light);font-size:16px}.mobile-action-dock{z-index:20;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#0b2037f5;border-top:1px solid #d7ad5545;position:sticky;bottom:0;box-shadow:0 -8px 25px #020a1470}.mobile-action-dock .actions{display:grid}.mobile-action-dock button{min-height:52px;font-size:16px}.waiting-button{width:100%;min-height:52px;color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff20;border-radius:10px;font-weight:700}.online-timer em{color:#ffd0d3;font-size:10px;font-style:normal;display:none}.online-timer.urgent em{grid-column:1/-1;display:block}.online-timer.urgent{flex-wrap:wrap}.online-timer.urgent span{font-weight:700}@media (width<=767px){.online-game-shell{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.online-header{padding:10px 14px 8px}.online-header .brand,.online-header>.round,.online-header .scoreboard,.online-header .roles{display:none}.mobile-match-summary{justify-content:space-between;align-items:center;display:flex}.mobile-match-summary>b{font-size:14px}.mobile-match-summary span{color:var(--text-main);font-size:14px}.mobile-match-summary i{width:14px;display:inline-block}.game-mode-label{margin-top:5px;font-size:10px}.table{flex-direction:column;padding:8px 10px 18px;display:flex}.opponent{order:1}.online-control{order:2}.submission{order:3}.hand{order:4}.opponent-summary{background:#ffffff06;border:1px solid #ffffff14;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.opponent-summary div{min-width:0}.opponent-summary b{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;display:block;overflow:hidden}.opponent-summary span{color:var(--danger);margin-top:2px;font-size:10px;display:block}.opponent-summary span.online{color:var(--success)}.opponent-summary p{color:var(--text-muted);text-align:center;margin:0;font-size:11px}.opponent-summary strong{max-width:105px;color:var(--gold-light);text-align:right;font-size:10px}.opponent>.section-label,.opponent-card-grid{display:none}.control{min-height:0;margin-top:8px;padding:12px}.turn-badge{padding:5px 12px;font-size:12px;font-weight:800}.control h2{margin:8px 0 3px;font-size:18px}.online-timer{grid-template-columns:auto auto auto;align-items:center;min-width:150px;margin:7px auto 2px;padding:8px 12px;display:grid}.online-timer strong,.online-timer--waiting strong{font-size:36px}.online-timer span,.online-timer small{font-size:12px}.submission{grid-template-columns:64px 30px 64px;margin:9px 0}.submission .card{width:54px}.hand{margin-top:4px}.section-label{margin-bottom:6px;font-size:11px}.resource-row{font-size:12px}.card-grid{gap:7px}.card{border-radius:7px;min-height:52px}.card--selected{border-width:3px;transform:translateY(-7px);box-shadow:0 0 0 2px #132b47,0 6px 16px #d7ad5590}.card-grid .card:nth-child(n+8){transform:translate(50%)}.card-grid .card--selected:nth-child(n+8){transform:translate(50%,-7px)}.card:disabled{filter:saturate(.55);opacity:.66}.card--back:disabled{opacity:.48}.card-rank{font-size:22px}.selected-card-copy{margin-top:8px;font-size:13px}.selected-card-copy b{font-size:20px}.mobile-action-dock{width:min(100%,560px);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.round-result{padding-top:6px}.round-result strong{font-size:20px}.round-result b{font-size:12px}.online-final h2{font-size:26px}}@media (width<=359px){.card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.card-grid .card:nth-child(n+8),.card-grid .card--selected:nth-child(n+8){transform:none}.card--selected,.card-grid .card--selected:nth-child(n+8){transform:translateY(-6px)}.opponent-summary strong{display:none}.table{padding-left:8px;padding-right:8px}}@media (width<=767px){.online-game-shell{font-size:14px}.turn-badge{border:0;padding:2px 8px;font-size:18px}.control h2{font-size:16px}.opponent-summary p,.opponent-summary strong{font-size:12px}}.central-actions{gap:10px;margin-top:12px}.central-actions button{min-height:52px;font-size:17px;font-weight:800}.hand-submit{min-height:52px;margin-top:10px;font-size:17px}@media (width<=767px){.online-game-shell{padding-bottom:env(safe-area-inset-bottom)}.table{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.opponent{order:1}.submission{order:2}.online-control{order:3}.hand{order:4}.opponent>.section-label{margin-top:7px;display:flex}.opponent-card-grid{gap:4px;width:75%;margin:0 auto;display:grid}.opponent-card-grid .card{aspect-ratio:.69;min-height:0}.opponent-card-grid .card-rank{font-size:18px}.opponent-card-grid .corner{font-size:9px}.opponent-card-grid .card--back:after{font-size:7px;inset:20%}.submission{margin:6px 0}.submission .card{width:46px}.online-control{min-height:0;margin-top:2px;padding:14px 12px}.online-control .online-timer{margin:6px auto}.online-control h2{margin:7px 0}.central-actions{gap:10px;margin-top:10px}.central-actions button{min-height:52px;font-size:17px}.hand-submit{width:100%;margin:9px 0 0}.mobile-action-dock{display:none}}@media (width<=359px){.opponent-card-grid{gap:4px;width:100%}.opponent-card-grid .card{aspect-ratio:.82}.opponent-card-grid .card:nth-child(n+8){transform:none}}.action-heading{color:var(--gold-light);margin:10px 0 0;font-size:18px;display:block}.answer-result{text-align:center;border-width:2px;border-radius:13px;width:min(100%,280px);margin:12px auto 4px;padding:14px 20px}.answer-result b{font-size:30px}.answer-result small{color:var(--text-muted);letter-spacing:1px;margin-top:5px;font-size:10px;display:block}@media (width<=767px){.online-control{padding:16px}.action-heading{margin-top:10px;font-size:20px}.answer-result{background:#071b2db8;border-radius:14px;width:100%;max-width:300px;margin:12px auto 2px;padding:16px 20px;box-shadow:0 7px 20px #020a1470}.answer-result b{font-size:34px;line-height:1}.answer-result.up{background:#43ad8318}.answer-result.down{background:#d65c6718}.answer-result small{font-size:12px}.central-actions{margin-top:12px}}.sound-toggle{min-height:28px;color:var(--text-muted);cursor:pointer;background:#071b2d99;border:1px solid #ffffff20;border-radius:15px;padding:4px 8px;font-size:9px;position:absolute;bottom:8px;right:14px}.opponent-slot .card--back{animation:.24s ease-out both cardDrop}.submitting-card .card--selected{animation:.2s both submitPress}.submission.tense{animation:.75s ease-in-out infinite alternate tensionPulse}.submission.tense>strong{letter-spacing:1px;font-size:11px;animation:.7s ease-in-out infinite alternate tensionText}.submission.revealing .card{animation:.4s both cardFlip}.submission.result-win .my-slot .card,.submission.result-lose .opponent-slot .card{animation:.45s both resultCard}.submission.result-draw .card{animation:.4s both resultCardSoft}.score{position:relative}.score-bump strong{animation:.28s scoreBump;display:block}.score-gain{color:var(--success);font-size:12px;font-style:normal;font-weight:800;animation:.9s both scoreGain;position:absolute;top:50%;right:8px}.round-result.win{border-color:#43ad8355}.round-result.lose{border-color:#ffffff18}.round-result.draw{border-color:#d7ad5550}.round-result.special{background:#d7ad5510;border:1px solid #f2d58d88;border-radius:12px;animation:.65s both specialGlow;position:relative;box-shadow:0 0 22px #d7ad5538}.momentum-copy{color:var(--gold-light);margin-top:9px;font-size:11px;font-style:normal;animation:.3s momentumIn;display:block}.online-final{animation:.42s both finalResultIn}.final-three .online-control{border-color:#d7ad5550;animation:1.8s ease-in-out infinite finalThreePulse}.final-three .online-timer{box-shadow:0 0 20px #d7ad5540}@keyframes cardDrop{0%{opacity:0;transform:translateY(-12px)scale(.94)}75%{transform:translateY(2px)scale(1.02)}to{opacity:1;transform:none}}@keyframes submitPress{50%{opacity:.75;transform:translateY(-4px)scale(.9)}to{opacity:.3;transform:translateY(0)scale(.96)}}@keyframes tensionPulse{to{filter:brightness(1.16);transform:scale(1.012)}}@keyframes tensionText{to{color:#fff;text-shadow:0 0 12px var(--gold)}}@keyframes cardFlip{0%{transform:rotateY(90deg)scale(.94)}to{transform:rotateY(0)scale(1)}}@keyframes resultCard{50%{filter:brightness(1.18);transform:scale(1.13)}to{transform:scale(1.06)}}@keyframes resultCardSoft{50%{transform:scale(1.06)}to{transform:none}}@keyframes scoreBump{50%{color:var(--gold-light);transform:scale(1.3)}}@keyframes scoreGain{0%{opacity:0;transform:translateY(8px)}30%{opacity:1;transform:translateY(-5px)}to{opacity:0;transform:translateY(-14px)}}@keyframes specialGlow{50%{transform:scale(1.035);box-shadow:0 0 30px #f2d58d70}}@keyframes momentumIn{0%{opacity:0;transform:translateY(5px)}}@keyframes finalResultIn{0%{opacity:0;transform:scale(.9)}}@keyframes finalThreePulse{50%{box-shadow:0 0 22px #d7ad5525}}@media (width<=767px){.sound-toggle{min-height:26px;font-size:8px;bottom:6px;right:10px}.opponent-summary strong{transition:all .2s}.submission.revealing .card{animation-duration:.38s}}.submitted-alert{animation:1s both submittedNotice}@keyframes submittedNotice{25%{color:#fff;text-shadow:0 0 10px var(--gold);transform:scale(1.06)}to{transform:none}}:root{--bg-main:#18362d;--bg-deep:#17120e;--bg-panel:#24483c;--gold:#c8a65a;--gold-light:#ead39a;--text-main:#f5efe2;--text-muted:#b8b1a2;--danger:#a84f4b;--success:#4e8d68;--blue:#436d78;--card-back:#203f38;--wood-dark:#24160f;--wood:#5b3722;--felt:#1f4c3d;--felt-deep:#15382f;--ink:#28231d;--shadow:0 16px 34px #0c090780}body{background-color:var(--wood-dark);background-image:linear-gradient(90deg,#120d09cc,#4b2d1b40 24%,#17100bcc 76%),repeating-linear-gradient(2deg,#3b2417 0 2px,#2d1b12 2px 7px,#402719 7px 9px);background-attachment:fixed}.app-shell{background:linear-gradient(#16392f,#102b24);width:min(100%,1180px);box-shadow:0 0 0 1px #9c713b38,0 22px 80px #070504cc}.online-game-shell{background-color:var(--felt-deep);background-image:radial-gradient(circle at 50% 40%,#2c614e 0,#1b4739 45%,#123128 100%),repeating-linear-gradient(35deg,#ffffff08 0 1px,#0000 1px 5px);border-inline:10px solid #3a2317;position:relative}.online-game-shell:before{content:"";pointer-events:none;z-index:0;position:absolute;inset:0;box-shadow:inset 0 0 70px #081c17aa,inset 0 0 0 1px #e0bc6a22}.online-game-shell>*{z-index:1;position:relative}.online-header{background:linear-gradient(#24160ff2,#332016e8);border-bottom:1px solid #c8a65a55;padding:14px 22px 12px;box-shadow:0 5px 18px #09060455}.brand-icon{color:var(--gold-light);filter:drop-shadow(0 1px 2px #000)}.brand strong{letter-spacing:3px;font-family:Georgia,Times New Roman,serif;font-size:18px}.brand small{color:#c9b787}.round b{color:#f0d79b;font-family:Georgia,serif}.score{background:#120d097d;border:0;border-radius:8px;box-shadow:inset 0 0 0 1px #e4c27620,0 2px 4px #0005}.score.active{background:#d5af5720;box-shadow:inset 0 0 0 1px #e5c87866,0 2px 7px #0006}.roles{background:#100c0980;border:1px solid #dfbe6a22;border-radius:999px;width:max-content;margin:9px auto 0;padding:5px 12px}.game-mode-label{color:#cfbd91}.table{grid-template-columns:minmax(230px,.8fr) minmax(360px,1.25fr);grid-template-areas:"opponent opponent""submission control""hand hand";gap:14px 28px;padding:16px 28px 30px;display:grid}.opponent{opacity:1;grid-area:opponent;width:min(100%,800px);margin:auto}.submission{background:radial-gradient(#091f1966 0,#0d261e40 55%,#0000 72%);border-radius:50%;grid-area:submission;align-self:stretch;margin:0;padding:16px}.control{background:linear-gradient(145deg,#21170fcc,#382719c4);border:0;border-radius:12px;grid-area:control;align-self:center;min-height:0;padding:18px 20px;box-shadow:inset 0 0 0 1px #d5b05d38,0 8px 18px #09100c88}.hand{grid-area:hand;width:min(100%,820px);margin:2px auto 0}.section-label{color:#c8c0b0;font-size:10px}.resource-row{color:#d7caa9;background:#12100c88;border:1px solid #dec06b28;border-radius:999px;margin:0 0 9px;padding:5px 10px;display:inline-flex}.turn-badge{color:#eed89f;background:#100c0980;border:1px solid #ddbf7466;font-weight:800}.online-timer{background:#15100cde;border:1px solid #d4b36255;border-radius:8px;box-shadow:inset 0 0 0 1px #fff1,0 4px 10px #0007}.online-timer--active{background:#2e2217;border-color:#e0c071;box-shadow:0 0 0 2px #aa81422e,0 6px 14px #0007}.card{aspect-ratio:5/7;width:100%;color:var(--ink);background-color:#eee9dc;background-image:linear-gradient(145deg,#fffdf6,#e6dfcf);border:1px solid #d8d0be;border-radius:7px;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 2px #b6aa91,0 7px 12px #07110d66}.card:before{content:"";pointer-events:none;border:1px solid #8e826944;border-radius:4px;position:absolute;inset:3px}.card:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 2px #b6aa91,0 11px 18px #07110d88}.card:not(:disabled):active{transform:translateY(-1px)scale(.975)}.card--selected,.card-grid .card--selected:nth-child(n+8){border:2px solid #efd680;transform:translateY(-10px);box-shadow:0 0 0 2px #42301d,0 13px 22px #07110daa,0 0 18px #e4c36a55}.card--back{background-color:#1e4439;background-image:linear-gradient(45deg,#ffffff08 25%,#0000 25% 75%,#ffffff08 75%),linear-gradient(-45deg,#d5b45f12 25%,#0000 25% 75%,#d5b45f12 75%),linear-gradient(145deg,#28574a,#17372f);background-size:12px 12px;border:2px solid #d5b45f;box-shadow:inset 0 0 0 3px #17362e,inset 0 0 0 5px #cba95c99,0 7px 12px #07110d77}.card--back:after{content:"◆";color:#e5ca82;background:#17372f80;border:1px solid #e0c36e99;inset:22%}.back-mark{letter-spacing:1px;color:#f0d897;text-shadow:0 1px 2px #000;font-family:Georgia,serif;font-size:9px;font-weight:700}.corner{font-family:Georgia,serif;top:5px;left:6px}.card-rank{color:#29463e;font-family:Georgia,Times New Roman,serif}.card-rank.gold{color:#8a6324}.primary,.secondary,.actions button{border-radius:9px;transition:transform .12s,box-shadow .12s,filter .12s}.primary{color:#24190e;background:linear-gradient(#d7bd73,#ad8745);border:1px solid #e4c97e;box-shadow:inset 0 1px #fff8,0 4px #6e4e27,0 8px 15px #0005}.primary:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #fff5,0 1px #6e4e27}.secondary,.actions .secondary{color:#eee4d2;background:linear-gradient(#3e3327,#2a2119);border:1px solid #bda87655;box-shadow:0 3px #15100c}.actions .ask{background:linear-gradient(#557e83,#36585e);box-shadow:0 3px #20373b}.actions .truth,.actions .up{background:linear-gradient(#5c956f,#397050);box-shadow:0 3px #21452f}.actions .lie,.actions .down{background:linear-gradient(#b3625d,#853f3c);box-shadow:0 3px #4e2422}.primary:disabled,.actions button:disabled{filter:grayscale(.5);opacity:.42;box-shadow:none}.opponent-summary{background:#17110d99;border-color:#d5b6682c}.answer-result{background:#16100cd9;border-radius:8px}.round-result.special{background:#4a371caa}.sound-toggle{color:#d4c6a7;background:#17110dcc;border-color:#dac07838}.online-final{background:#17110ca8;border-radius:10px;padding:12px}.disconnect-banner{color:#f0c3bd;background:#562c28}.online-home,.lobby{background-color:#1a3f34;background-image:radial-gradient(circle at 50% 32%,#2d5f4d 0,#1a4437 48%,#102c25 100%);width:min(100%,560px);margin:auto;box-shadow:inset 0 0 70px #071a15aa}.online-home:before,.lobby:before{content:"◆";color:#d6b66218;pointer-events:none;place-items:center;width:54px;height:54px;margin-bottom:-54px;font-size:120px;display:grid}.online-home h1,.lobby h1{text-shadow:0 3px 5px #0008;font-family:Georgia,Times New Roman,serif}.field input{background:#17110ca6;border-color:#cfb36b35;border-radius:8px}.field input:focus{border-color:#d8bb70;box-shadow:0 0 0 3px #d8bb701f}.fixed-mode-note,.time-mode-badge,.room-code,.lobby-players div{background:#17110ca3;border-color:#d6b96738;box-shadow:inset 0 0 0 1px #fff1,0 5px 12px #09100c55}.room-code strong{font-family:Georgia,serif}.connection-pill{background:#17110c80;border-color:#d0b4682c}.help-card{background:#292016;border-color:#c7a65c5c}@media (width<=767px){body{background:#102d25}.app-shell{border:0}.online-game-shell{border-inline:0}.online-header{padding:10px 12px 8px}.table{padding:8px 10px calc(18px + env(safe-area-inset-bottom));gap:0;display:flex}.opponent-summary{padding:9px 11px}.submission{background:radial-gradient(#071a1555,#0000 70%);margin:5px 0;padding:5px}.online-control{border-radius:10px;margin-top:2px;padding:14px}.hand{width:100%;margin-top:7px}.resource-row{padding:4px 9px}.card-grid{gap:6px}.card{border-radius:6px;min-height:54px}.card:not(:disabled):hover{transform:none}.card--selected,.card-grid .card--selected:nth-child(n+8){transform:translateY(-8px);box-shadow:0 0 0 2px #3e2d1b,0 10px 16px #07110d99,0 0 14px #e4c36a44}.opponent-card-grid{width:72%}.opponent-card-grid .card{min-height:0}.central-actions button,.hand-submit{min-height:54px}.online-home,.lobby{padding:24px 18px}.fixed-mode-note{text-align:center;gap:4px;display:grid}.fixed-mode-note span,.fixed-mode-note small{color:#c7bda9;font-size:10px}}@media (width>=768px){.opponent-summary{display:none}.submission .card{width:76px}.submission{grid-template-columns:96px 48px 96px}.control h2{font-size:20px}.central-actions{width:min(100%,520px);margin-inline:auto}.hand-submit{width:min(100%,420px);margin:12px auto 0;display:block}}@media (prefers-reduced-motion:reduce){.submission.tense,.final-three .online-control{animation:none!important}}.central-actions button,.hand-submit,.online-actions button{white-space:normal;overflow-wrap:anywhere;line-height:1.2}.waiting-copy{text-align:center;line-height:1.5}.help-card p{overflow-wrap:anywhere}.mobile-match-summary{gap:10px}.mobile-match-summary>*{min-width:0}.mobile-match-summary span{white-space:nowrap}.game-mode-label{overflow-wrap:anywhere}@media (width<=359px){.central-actions button{padding-inline:8px;font-size:15px}.mobile-match-summary>b{font-size:12px}.mobile-match-summary span{font-size:11px}.sound-toggle{white-space:nowrap;max-width:108px;overflow:hidden}.fixed-mode-note small{line-height:1.4}}.online-lobby-home{min-height:100vh;padding-top:18px;padding-bottom:calc(22px + env(safe-area-inset-bottom));justify-content:flex-start}.online-lobby-home .logo-big{font-size:34px}.online-lobby-home h1{margin:4px 0 6px}.online-lobby-home .connection-pill{opacity:.76;order:0;margin:4px 0 8px;padding:4px 8px}.lobby-priority-actions{margin-top:11px}.quick-match{color:#21160b;letter-spacing:1.7px;background:linear-gradient(#e1c77c,#b88d46);border-color:#f0d58c;flex-direction:column;justify-content:center;align-items:center;min-height:66px;font-size:16px;display:flex;box-shadow:inset 0 1px #fff9,0 5px #6d4c25,0 12px 24px #08060470}.quick-match small{color:#443019;letter-spacing:.2px;margin-top:4px;font-size:9px;font-weight:700}.quick-match:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.quick-match:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #fff6,0 2px #6d4c25}.quick-match:disabled{color:#999185;box-shadow:none;filter:saturate(.3);opacity:.48;background:#4a453b;border-color:#95866a55}.quick-match:disabled small{color:#8f887d}.home-rule-token{background:#17110c78;border-radius:999px;justify-content:center;gap:8px;margin:11px 0 0;padding:7px 11px;box-shadow:inset 0 0 0 1px #fff1}.home-rule-token b,.home-rule-token span{letter-spacing:.8px;font-size:8px}.home-rule-token i{background:var(--gold);border-radius:50%;width:3px;height:3px}.public-rooms{background:#17110ca3;border:1px solid #d6b96738;border-radius:12px;width:100%;margin-top:12px;padding:12px;box-shadow:inset 0 0 0 1px #fff1,0 5px 12px #09100c55}.public-rooms.empty{padding-bottom:9px}.public-rooms-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.public-rooms.empty .public-rooms-heading{margin-bottom:1px}.public-rooms-heading h2{color:var(--gold-light);letter-spacing:1.5px;margin:0;font-family:Georgia,serif;font-size:14px}.public-rooms-heading span{color:var(--text-muted);font-size:8px}.public-room-list{gap:7px;max-height:198px;display:grid;overflow:auto}.public-room-list article{background:#0e211baa;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.public-room-list article>div{min-width:0}.public-room-list b,.public-room-list span{display:block}.public-room-list b{text-overflow:ellipsis;white-space:nowrap;color:#f4ead5;font-size:12px;overflow:hidden}.public-room-list span{color:var(--text-muted);letter-spacing:.4px;margin-top:4px;font-size:8px}.public-room-list button{min-width:68px;min-height:38px;color:var(--gold-light);cursor:pointer;background:#3b3025;border:1px solid #d8bd7477;border-radius:7px;flex:none;font-size:10px;font-weight:800}.public-room-list button:disabled{opacity:.4}.public-room-list>p{color:var(--text-muted);text-align:left;margin:7px 0 2px;font-size:10px}.home-secondary-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.home-secondary-actions .ghost{grid-column:1/-1}.create-action{color:#f2dfad;background:linear-gradient(#493b2b,#30251b);border-color:#d5b76a77}.join-code-action{color:#c5bdaf;box-shadow:none;background:#201b16aa;border-color:#ffffff1c}.field span small{color:#847c6d;font-size:7px;display:inline}.locked-room-copy,.matchmaking-panel{text-align:center;background:#17110ca3;border:1px solid #d6b96738;border-radius:12px;width:100%;margin:14px 0;padding:18px}.locked-room-copy b,.locked-room-copy span{display:block}.locked-room-copy b{color:var(--gold-light);font-size:16px}.locked-room-copy span{color:var(--text-muted);margin-top:7px;font-size:11px}.matchmaking-panel h2{color:var(--gold-light);margin:14px 0 5px;font-size:17px}.matchmaking-panel p{color:var(--text-muted);font-size:10px}.searching-mark{border:3px solid #d8bd7435;border-top-color:var(--gold-light);border-radius:50%;width:34px;height:34px;margin:auto;animation:.8s linear infinite lobbySpin}@keyframes lobbySpin{to{transform:rotate(360deg)}}@media (width<=359px){.online-lobby-home{padding:14px 13px calc(18px + env(safe-area-inset-bottom))}.online-lobby-home h1{font-size:30px}.online-lobby-home .field input{height:49px}.public-rooms{padding:9px 10px}.public-room-list article{padding:9px 8px}.public-room-list b{max-width:150px}.quick-match{min-height:62px;font-size:14px}.home-rule-token{gap:6px}.home-rule-token b,.home-rule-token span{font-size:7px}.home-secondary-actions{grid-template-columns:1fr}.home-secondary-actions .ghost{grid-column:auto}}@media (width>=768px) and (height>=700px){.online-lobby-home{border:1px solid #d6b9672d;border-radius:18px;width:min(100%,590px);min-height:auto;margin:24px auto;padding:22px 34px;box-shadow:inset 0 0 70px #071a15aa,0 24px 70px #070504aa}.online-lobby-home .field{margin-block:5px}.online-lobby-home .field input{height:50px}}.profile-record{color:var(--gold-light);letter-spacing:1.4px;opacity:.85;align-self:center;margin-top:-2px;font-size:9px;font-weight:800}@media (prefers-reduced-motion:reduce){.searching-mark{animation-duration:2s}}.room-type-picker{border:0;gap:8px;width:100%;margin:10px 0 4px;padding:0;display:grid}.room-type-picker legend{color:var(--text-muted);letter-spacing:1px;margin:0 0 2px 3px;font-size:9px}.room-type-picker button{color:#d8cfbe;text-align:left;cursor:pointer;background:#17110c80;border:1px solid #d6b9672b;border-radius:9px;gap:4px;min-height:58px;padding:10px 12px;display:grid}.room-type-picker button b{letter-spacing:1px;font-size:11px}.room-type-picker button small{color:var(--text-muted);font-size:9px;line-height:1.35}.room-type-picker button.selected{color:var(--gold-light);background:#3b3022;border-color:#e0c477;box-shadow:inset 0 0 0 1px #fff2,0 5px 12px #09060466}.room-code{padding:12px 14px}.room-code strong{margin:5px;font-size:25px}.room-code.private-code{border-color:#d8bd7477;padding:18px}.room-code.private-code strong{font-size:32px}.copy-code{min-height:34px;color:var(--gold-light);letter-spacing:.8px;cursor:pointer;background:#342a20;border:1px solid #d8bd7466;border-radius:7px;margin-top:8px;padding:0 13px;font-size:9px;font-weight:800}.kick-player{color:#f3b1b1;letter-spacing:.8px;cursor:pointer;background:#4a222280;border:1px solid #c9656570;border-radius:6px;min-height:30px;margin-top:9px;padding:0 11px;font-size:8px;font-weight:800}.host-room-controls{width:100%;margin-top:10px;display:grid}.danger-outline,.danger-action{color:#f2aaaa;letter-spacing:1px;cursor:pointer;background:#3b1c1c80;border:1px solid #c9656570;border-radius:8px;min-height:46px;font-size:10px;font-weight:800}.danger-action{color:#fff;background:#8b3434;border-color:#c86565}.confirm-card{text-align:center}.confirm-card h2{margin-top:0}.confirm-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.confirm-actions button{width:100%}@media (width>=520px){.room-type-picker{grid-template-columns:repeat(3,1fr)}.room-type-picker button{min-height:92px}}.profile-record{justify-content:center;align-items:center;gap:12px;display:flex}.profile-record b{color:var(--gold-light);font-size:15px}.profile-record span{color:var(--text-muted)}.stake-picker{border:0;grid-template-columns:repeat(3,1fr);gap:9px;width:100%;margin:10px 0 4px;padding:0;display:grid}.stake-picker legend{color:var(--text-muted);letter-spacing:1px;margin:0 0 2px 3px;font-size:9px;font-weight:800}.stake-picker button{color:#eee4d2;background:#17110c80;border:1px solid #d6b96738;border-radius:9px;min-height:52px;font-weight:900}.stake-picker button.selected{color:var(--gold-light);background:#3b3022;border-color:#e0c477;box-shadow:inset 0 0 0 1px #fff2}.stake-picker button small{color:var(--text-muted);margin-top:3px;font-size:7px;display:block}.stake-picker button:disabled{opacity:.4}.stake-display{width:max-content;color:var(--text-muted);letter-spacing:1px;background:#17110ca3;border:1px solid #d6b96738;border-radius:999px;margin:9px auto;padding:7px 14px;font-size:10px}.stake-display b{color:var(--gold-light)}.recovery-note{color:var(--text-muted);text-align:center;margin:8px 0;font-size:10px;line-height:1.45}.public-room-list article button:disabled{white-space:normal;max-width:110px;font-size:7px;line-height:1.15}.lobby>h1{text-align:center;overflow-wrap:anywhere;max-width:100%;margin-bottom:14px;font-size:clamp(32px,7vw,44px);line-height:1.1}.lobby .room-code span,.lobby .room-code small{font-size:10px;line-height:1.4}.lobby .room-code strong{font-size:30px}.lobby-players span{font-size:10px}.lobby-players b{overflow-wrap:anywhere;max-width:100%;margin:8px 0;font-size:17px;line-height:1.25}.lobby-players i{font-size:10px}.lobby .waiting-copy{font-size:13px;line-height:1.55}.lobby .stake-display{font-size:12px}.lobby .copy-code,.lobby .kick-player{min-height:40px;font-size:10px}.score span{overflow-wrap:anywhere;font-size:clamp(13px,2vw,16px);font-weight:700;line-height:1.25}.score small{margin-top:4px;font-size:10px}.resource-row{font-size:12px;font-weight:600;line-height:1.4}.answer-result{border-width:1px;border-radius:9px;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:2px 9px;width:max-content;max-width:100%;margin:7px auto 1px;padding:8px 15px;display:grid}.answer-result>b{grid-row:1/3;font-size:24px;line-height:1}.answer-result>small{grid-area:2/2;margin:0;font-size:8px;line-height:1}.online-control:has(.answer-result){padding-block:12px}.online-control:has(.answer-result) h2{margin-block:5px}@media (width<=767px){.lobby{padding:22px 17px calc(20px + env(safe-area-inset-bottom))}.lobby-players{gap:8px;margin:13px 0}.lobby-players div{padding:14px 9px}.lobby-players b{font-size:16px}.lobby .room-code{padding:13px}.lobby .room-code strong{font-size:28px}.lobby .primary,.lobby .secondary,.lobby .danger-outline{min-height:50px;font-size:13px}.opponent-summary b{max-width:145px;font-size:16px}.opponent-summary p{font-size:12px}.mobile-match-summary>b,.mobile-match-summary span{font-size:14px}.resource-row{font-size:13px}.answer-result{margin:5px auto 0;padding:7px 13px}.answer-result>b{font-size:23px}.answer-result>small{font-size:8px}.online-control:has(.answer-result){padding:10px 12px}.online-control:has(.answer-result) .online-timer{margin-block:3px}.online-control:has(.answer-result) h2{font-size:15px;line-height:1.25}.hand{margin-top:2px}}.profile-card{background:#17110ca3;border:1px solid #d6b96738;border-radius:12px;justify-items:center;width:100%;margin:5px 0 2px;padding:13px 15px;display:grid;box-shadow:inset 0 0 0 1px #fff1,0 5px 12px #09100c55}.profile-card>span{color:var(--text-muted);letter-spacing:1.4px;font-size:9px}.profile-card>strong{color:#f4ead5;overflow-wrap:anywhere;max-width:100%;margin:4px 0 5px;font-size:20px;line-height:1.2}.profile-card .profile-record{opacity:1;margin:0}.profile-edit{min-height:30px;color:var(--gold-light);letter-spacing:.7px;background:0 0;border:0;margin-top:7px;padding:4px 10px;font-size:9px;font-weight:800}.profile-edit-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.profile-edit-actions button{min-height:42px}.profile-card .field{margin:7px 0}.profile-card .field input{text-align:center;height:48px;font-size:16px}.profile-gate{justify-content:center}.onboarding-card{text-align:center;background:#17110ca3;border:1px solid #d6b96738;border-radius:14px;justify-items:stretch;width:100%;padding:20px;display:grid}.onboarding-card h2{color:var(--gold-light);letter-spacing:1.4px;margin:0 0 8px;font-family:Georgia,serif;font-size:22px}.onboarding-card p{color:var(--text-muted);margin:0 0 8px;font-size:13px}.onboarding-card>.primary{min-height:52px;margin-top:10px}.onboarding-points{color:var(--gold-light);margin-top:11px;font-size:12px}.how-to-play p{margin:10px 0;font-size:12px;line-height:1.7}.how-to-play .primary{width:100%;margin-top:8px}@media (width<=430px){.how-to-play{max-height:calc(100dvh - 32px);padding:18px;overflow-y:auto}.how-to-play h2{margin-top:0}.how-to-play p{margin:9px 0;line-height:1.65}}@media (width<=767px){.home-rule-token{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 7px;width:max-content;max-width:90%;margin:10px auto 0;padding:8px 12px;display:flex!important}.home-rule-token b,.home-rule-token span{white-space:nowrap;font-weight:700;letter-spacing:0!important;font-size:13px!important}.home-rule-token i{flex:0 0 3px;display:block}.profile-card>strong{font-size:21px}.profile-card .profile-record b{font-size:17px}.profile-gate{padding:18px 15px calc(18px + env(safe-area-inset-bottom))}.onboarding-card{padding:18px 15px}.onboarding-card .field input{height:52px;font-size:16px}}@media (width<=340px){.home-rule-token{row-gap:3px;max-width:88%}.home-rule-token b,.home-rule-token span{font-size:12px!important}.home-rule-token i:nth-of-type(2){display:none}.home-rule-token span:last-child{text-align:center;flex-basis:100%}}.home-secondary-actions .ranking-link{color:var(--gold-light);border-color:#d6b96742;grid-column:1/-1}.ranking-screen{justify-content:flex-start}.ranking-screen>.connection-pill{margin-bottom:12px}.ranking-board{width:100%;min-width:0}.ranking-heading{justify-content:space-between;align-items:end;gap:12px;margin:2px 0 12px;display:flex}.ranking-heading span{color:var(--text-muted);letter-spacing:1.4px;font-size:8px;font-weight:800}.ranking-heading h2{color:var(--gold-light);letter-spacing:2px;margin:2px 0 0;font-family:Georgia,serif;font-size:25px}.ranking-refresh{min-height:38px;padding:0 12px;font-size:9px}.my-ranking{background:linear-gradient(145deg,#443520,#2c2116);border:1px solid #e0c47778;border-radius:11px;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:grid;box-shadow:inset 0 0 0 1px #fff1,0 7px 16px #08060466}.my-ranking>span{color:var(--text-muted);letter-spacing:1px;font-size:8px;font-weight:800}.my-ranking>strong{color:var(--gold-light);font-family:Georgia,serif;font-size:26px}.my-ranking>div{text-align:right;min-width:0}.my-ranking b,.my-ranking small{display:block}.my-ranking b{color:#f4ead5;font-size:17px}.my-ranking small{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:9px;overflow:hidden}.ranking-list{background:#17110ca3;border:1px solid #d6b96738;border-radius:11px;overflow:hidden}.ranking-row{border-bottom:1px solid #ffffff10;grid-template-columns:48px minmax(0,1fr) 64px 55px;align-items:center;gap:7px;min-height:43px;padding:7px 10px;font-size:11px;display:grid}.ranking-row:last-child{border-bottom:0}.ranking-row>*{min-width:0}.ranking-row>strong{text-overflow:ellipsis;white-space:nowrap;color:#f2e8d5;overflow:hidden}.ranking-row>b:first-child{color:var(--gold-light)}.ranking-row>b:nth-child(3),.ranking-row>span:last-child{text-align:right}.ranking-row.mine{box-shadow:inset 3px 0 var(--gold-light);background:#80653235}.ranking-labels{min-height:31px;color:var(--text-muted);letter-spacing:.7px;background:#0e211baa;font-size:7px;font-weight:800}.ranking-labels span:nth-child(n+3){text-align:right}.ranking-empty{color:var(--text-muted);text-align:center;margin:0;padding:24px 12px;font-size:10px}.ranking-back{margin-top:12px}@media (width<=430px){.ranking-screen{padding:16px 12px calc(18px + env(safe-area-inset-bottom))}.ranking-screen .logo-big{font-size:25px}.ranking-screen>h1{font-size:27px}.ranking-row{grid-template-columns:40px minmax(0,1fr) 58px 48px;gap:5px;padding-inline:8px}.my-ranking{gap:8px;padding-inline:10px}.my-ranking small{max-width:150px}}@media (width<=340px){.ranking-row{grid-template-columns:36px minmax(0,1fr) 53px 43px;font-size:10px}.ranking-labels{font-size:6px}.my-ranking>strong{font-size:22px}.my-ranking small{max-width:120px;font-size:8px}}.profile-gate .onboarding-card>.secondary{width:100%;min-height:52px;margin-top:10px}.auth-switch{justify-self:center;margin-top:12px}.profile-account-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.profile-account-actions .logout{color:#d9aaa2}.profile-gate .field input[type=password]{letter-spacing:.08em}.profile-gate .error-box{margin-top:10px}@media (width<=430px){.profile-gate .onboarding-card{max-height:calc(100dvh - 32px);overflow-y:auto}.profile-account-actions .profile-edit{min-height:38px}}