*{box-sizing:border-box}:root{--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--gold:#f0d567;--gold-strong:#ffe06c;--felt-dark:#071d16;--panel:#08291f;--card-ratio:56 / 82}html,body,#root{overscroll-behavior:none;background:var(--felt-dark);color:#fff8e7;width:100%;height:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Noto Sans KR,sans-serif;overflow:hidden}body{touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}button{font:inherit;color:inherit}.lobby{height:100dvh;padding:max(16px,var(--safe-top)) max(16px,var(--safe-right)) max(16px,var(--safe-bottom)) max(16px,var(--safe-left));background:radial-gradient(circle at 50% 15%,#267257,#071d16 62%);place-items:center;display:grid;overflow-y:auto}.lobby-card{text-align:center;background:#102b22dd;border:1px solid #fff2;border-radius:24px;width:min(430px,100%);padding:28px 24px;box-shadow:0 20px 60px #0008}.brand{letter-spacing:.18em;color:#e6c66b;font-size:12px;font-weight:800}.lobby-card h1{margin:8px 0 0;font-size:38px;line-height:1.1}.lobby-card p{opacity:.75;margin:8px 0 0;font-size:14px}.profile-line{text-align:left;background:#ffffff0d;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:56px 1fr;gap:2px 12px;margin:18px 0 0;padding:12px;display:grid}.profile-line img{object-fit:contain;grid-row:1/3;width:56px;height:56px}.profile-line span{opacity:.65;font-size:12px}.mobile-start-note{color:#d9dfd6;background:#071f18;border:1px solid #e4bd5140;border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:13px;line-height:1.45}.primary{color:#2b2209;background:#e4bd51;border:0;border-radius:14px;width:100%;min-height:52px;margin-top:16px;padding:14px;font-size:17px;font-weight:900}.primary:disabled{opacity:.35}.secondary{color:#e6daba;background:#ffffff0a;border:1px solid #fff2;border-radius:12px;width:100%;min-height:44px;margin-top:10px;padding:11px;font-weight:800}.demo-link{color:#e4bd51;margin-top:16px;font-size:14px;display:inline-block}.error-box{background:#762f2f;border-radius:12px;margin:14px 0 0;padding:12px;font-size:13px}.login-form{text-align:left;gap:10px;margin-top:18px;display:grid}.login-form .primary{margin-top:0}.login-form .error-box{margin:0}.login-title{text-align:center;color:#efd477;letter-spacing:.08em;font-size:13px;font-weight:900}.login-form input{color:#fff7e3;background:#081d17;border:1px solid #fff2;border-radius:12px;outline:none;width:100%;padding:13px 14px;font-size:16px}.login-form input:focus{border-color:#d9b44b;box-shadow:0 0 0 2px #d9b44b33}.login-note{text-align:center;opacity:.6;font-size:12px}.lobby-layout{gap:16px;width:min(430px,100%);display:grid}.lobby-layout .lobby-card{width:100%}.lobby-side{gap:16px;min-width:0;display:grid}.presence-card,.chat-card{text-align:left;padding:18px 18px 14px}.chat-list{overscroll-behavior:contain;align-content:start;gap:6px;height:min(34dvh,240px);margin:10px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.chat-empty{opacity:.6;padding:6px 2px;font-size:13px}.chat-item{background:#ffffff0d;border-radius:12px;gap:2px;min-width:0;padding:6px 10px;display:grid}.chat-item.is-mine{background:#e4bd511f}.chat-meta{align-items:baseline;gap:8px;font-size:12px;display:flex}.chat-meta strong{color:#efd477;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-meta time{opacity:.55;font-variant-numeric:tabular-nums;flex:none}.chat-text{overflow-wrap:anywhere;white-space:pre-wrap;font-size:15px;line-height:1.4}.chat-error{background:#762f2f;border-radius:10px;margin-top:8px;padding:8px 10px;font-size:13px}.chat-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:10px;display:grid}.chat-form input{color:#fff7e3;background:#081d17;border:1px solid #fff2;border-radius:12px;outline:none;min-width:0;padding:11px 12px;font-size:16px}.chat-form input:focus{border-color:#d9b44b;box-shadow:0 0 0 2px #d9b44b33}.chat-form button{color:#2b2209;background:#e4bd51;border:0;border-radius:12px;min-height:44px;padding:0 16px;font-size:15px;font-weight:900}.chat-form button:disabled{opacity:.35}.presence-head{align-items:baseline;gap:8px;display:flex}.presence-head strong{color:#efd477;letter-spacing:.04em;font-size:15px}.presence-count{opacity:.7;font-size:13px}.presence-note{opacity:.85;margin-top:10px;font-size:13px;line-height:1.5}.link-button{color:#e4bd51;font:inherit;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.presence-list{gap:6px;max-height:min(46dvh,320px);margin:10px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.presence-item{background:#ffffff0d;border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.presence-avatar{color:#123;background:#9fd9bc;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:900;display:grid;overflow:hidden}.presence-avatar img{object-fit:contain;width:100%;height:100%}.presence-avatar.avatar-pink{background:#f5a8c6}.presence-avatar.avatar-red{background:#f09a94}.presence-avatar.avatar-orange{background:#f6c285}.presence-avatar.avatar-yellow{background:#f2da83}.presence-avatar.avatar-blue{background:#a6c8ec}.presence-avatar.avatar-purple{background:#c8b4e6}.presence-avatar.avatar-gray{background:#cbd1d9}.presence-name{align-items:center;gap:6px;min-width:0;display:flex}.presence-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.presence-me{color:#2b2209;background:#e4bd51;border-radius:8px;flex:none;padding:1px 6px;font-size:11px;font-weight:900}.presence-unit{text-overflow:ellipsis;white-space:nowrap;opacity:.6;flex:none;max-width:40%;font-size:12px;overflow:hidden}.presence-status{white-space:nowrap;color:#bfe6d2;font-size:12px}.presence-item.status-in_cpu .presence-status,.presence-item.status-in_match .presence-status{color:#efd477}.presence-item{grid-template-columns:36px minmax(0,1fr) minmax(0,auto)}.presence-side{flex-direction:column;align-items:flex-end;gap:4px;min-width:0;display:flex}.presence-item.status-in_match .presence-status{white-space:normal;text-align:right}.invite-button{color:#2b2209;white-space:nowrap;background:#e4bd51;border:0;border-radius:10px;min-height:34px;padding:0 12px;font-size:13px;font-weight:900}.invite-button.is-waiting{color:#e6daba;background:#ffffff14;border:1px solid #fff2;font-weight:800}.invite-stack{z-index:20000;top:max(10px,var(--safe-top));gap:8px;width:min(430px,100% - 24px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.invite-card{background:#24402f;border:1px solid #e4bd51;border-radius:14px;gap:10px;padding:12px;display:grid;box-shadow:0 12px 40px #000a}.invite-text{font-size:14px;line-height:1.45}.invite-left{opacity:.7;font-variant-numeric:tabular-nums;white-space:nowrap}.invite-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.invite-actions button{border:0;border-radius:12px;min-height:44px;font-size:15px;font-weight:900}.invite-accept{color:#2b2209;background:#e4bd51}.invite-decline{color:#e6daba;background:#ffffff14;border:1px solid #fff2!important}.invite-notice{background:#ffffff14;border-radius:10px;margin-top:10px;padding:8px 10px;font-size:13px;line-height:1.45}.notice-box{background:#1d4a3a;border:1px solid #e4bd5140;border-radius:12px;margin:14px 0 0;padding:12px;font-size:13px;line-height:1.45}.result-room-note{color:#efd477;margin:6px 0 2px;font-size:13px}.presence-item.status-away{opacity:.6}.presence-item.status-away .presence-status{color:#c9cfc9}@media (width>=760px){.lobby-layout{grid-template-columns:minmax(0,430px) minmax(0,340px);align-items:start;width:auto;max-width:100%}.presence-list{max-height:min(30dvh,240px)}.chat-list{height:min(36dvh,300px)}}@media (height<=480px){.lobby{place-items:start center}.lobby-card{padding:14px 20px}.lobby-card h1{margin-top:2px;font-size:26px}.lobby-card p{margin-top:4px;font-size:12px}.profile-line{grid-template-columns:36px 1fr;margin-top:8px;padding:6px 10px}.profile-line img{width:36px;height:36px}.mobile-start-note{margin-top:8px;padding:6px 10px;font-size:12px}.primary{min-height:46px;margin-top:10px;padding:10px}.demo-link{margin-top:8px}}.card{cursor:pointer;aspect-ratio:var(--card-ratio);background:#f3ead2;border:0;border-radius:6px;outline:1px solid #0008;flex:none;padding:0;transition:transform .1s,opacity .1s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff8,0 2px 6px #0007}.card-back{background:#7b1820}.card-image{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.card:disabled,.card.dim{pointer-events:none;opacity:.6}.card-lg{width:clamp(48px,14vmin,76px)}.card-md{width:clamp(42px,12vmin,64px)}.card-xs{width:22px}.card.dead-card:after,.card.matchable:after{content:"";border-radius:inherit;pointer-events:none;z-index:20;position:absolute;inset:0}.card.dead-card:after{background:#1f2a2a33;border:3px solid #8b9292}.card.matchable:after{background:0 0;border:3px solid #ffd84f;box-shadow:inset 0 0 0 1px #5b3900}.card.matchable{z-index:8;box-shadow:0 0 10px #ffd84fcc,0 3px 8px #0009}.card-pi-value-badge{z-index:30;color:#ffe9a6;pointer-events:none;background:#6d2418;border:1px solid #f0cf67;border-radius:8px;place-items:center;min-width:15px;height:15px;padding:0 2px;font-size:11px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:1px;left:1px}.matgo-shell{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:radial-gradient(at 50% 45%,#24704e 0,#13563c 48%,#082f22 100%);display:grid;position:fixed;inset:0;overflow:hidden;box-shadow:inset 0 0 60px #0007}.player-row{background:linear-gradient(90deg,#082d22ee,#0b4734ee,#082d22ee);gap:2px 8px;min-width:0;min-height:0;padding:3px 8px;display:grid;position:relative}.player-row.active-player-row{box-shadow:inset 0 0 0 2px var(--gold-strong),inset 0 0 22px #ffe06622}.avatar-panel{grid-area:info;min-width:0;min-height:0}.captured-wrap{grid-area:cap;min-width:0;min-height:0;container-type:size}.opponent-hand-wrap,.settings-menu{grid-area:side}.avatar-circle{aspect-ratio:1;color:#17382c;background:#d7eadf;border:2px solid #e9cc69;border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 2px 8px #0007}.avatar-circle img{object-fit:contain;width:100%;height:100%}.avatar-copy{min-width:0;display:flex}.player-line{align-items:center;gap:5px;min-width:0;display:flex}.player-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;font-weight:900;line-height:1.2;overflow:hidden}.cpu-badge{color:#b9e2ff;background:#0d2f45;border:1px solid #79bdf188;border-radius:6px;flex:none;padding:1px 5px;font-size:11px;font-weight:800;line-height:1.2}.player-score{white-space:nowrap;color:var(--gold);flex:none;align-items:baseline;gap:4px;font-size:13px;font-weight:900;line-height:1.2;display:flex}.player-score strong{font-size:16px}.player-score .score-separator{opacity:.7}.player-alerts{gap:4px;min-width:0;display:flex;overflow:hidden}.player-alert{color:#e8efe9;white-space:nowrap;background:#051b14;border:1px solid #ffffff2b;border-radius:8px;flex:none;padding:1px 6px;font-size:11px;font-weight:800;line-height:1.3}.player-alert.is-danger{color:#fff1d6;background:#6b201b;border-color:#ff9c8c}.opponent-hand-wrap{justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex}.hand-backs{display:flex}.hand-backs .card{width:var(--back-w);margin-left:calc(var(--back-w) * -.68);box-shadow:0 1px 3px #0007}.hand-backs .card:first-child{margin-left:0}.hand-count{color:#e9d780;white-space:nowrap;font-size:12px;font-weight:800}.captured{gap:4px;min-width:0;height:100%;display:grid}.captured-group{--cap-h:min(calc((100cqh - (var(--cap-rows) - 1) * 4px) / var(--cap-rows) - 2px),64px);--cap-w:calc(var(--cap-h) * 56 / 82);border-left:1px solid #ffffff1c;align-items:center;gap:4px;min-width:0;min-height:0;padding:0 0 0 4px;display:flex}.captured-label{color:#ecd36b;white-space:nowrap;flex-direction:column;flex:none;align-items:center;gap:2px;font-size:11px;font-weight:800;line-height:1;display:flex}.captured-label b{color:#f8e797;background:#051b14;border-radius:8px;place-items:center;min-width:20px;height:16px;padding:0 3px;font-size:11px;display:grid}.captured-stack{min-width:0;height:var(--cap-h);flex:1 1 0;align-items:center;display:flex;position:relative}.stack-item{min-width:0;max-width:calc(var(--cap-w) + 2px);height:var(--cap-h);flex:1 1 0;position:relative}.stack-item:last-of-type{flex:0 0 var(--cap-w)}.captured .card{width:var(--cap-w);height:var(--cap-h);cursor:default;border-radius:4px}.shake-pi-marker{z-index:40;width:calc(var(--cap-w) * .62);aspect-ratio:var(--card-ratio);filter:drop-shadow(0 2px 3px #0008);pointer-events:none;position:absolute;top:0;right:0;transform:rotate(180deg)}.shake-pi-marker img{object-fit:fill;border:1px solid #e0bc55;border-radius:3px;width:100%;height:100%;display:block}.shake-pi-marker b{color:#ffe88e;background:#6b201b;border:1px solid #f0cf67;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 2px;font-size:11px;display:grid;position:absolute;bottom:-6px;left:-6px;transform:rotate(180deg)}.settings-menu{place-items:center;display:grid}.board-tools{grid-area:side;align-items:center;gap:8px;display:flex}.room-chat{place-items:center;display:grid}.chat-button{position:relative}.chat-button.has-unread{border-color:#e4bd51;box-shadow:0 0 0 2px #e4bd5166}.chat-unread{color:#fff;background:#c7372c;border:1px solid #ffd9d2;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:900;display:grid;position:absolute;top:-6px;right:-6px}.room-chat-popover{text-align:left}.quick-phrases{flex-wrap:wrap;gap:6px;display:flex}.quick-phrases button{color:#fff3cf;cursor:pointer;background:#e4bd511f;border:1px solid #e4bd5180;border-radius:20px;min-height:40px;padding:6px 12px;font-size:14px;font-weight:800}.quick-phrases button:disabled{opacity:.4}.room-chat-list{height:min(26dvh,180px);margin-top:0}.chat-bubble{z-index:60;color:#2b2209;pointer-events:none;overflow-wrap:anywhere;background:#fff7dc;border-radius:14px;max-width:min(78%,360px);padding:7px 12px;font-size:14px;font-weight:700;line-height:1.35;animation:.18s ease-out chatBubbleIn;position:absolute;left:10px;box-shadow:0 6px 18px #0009}.chat-bubble-opponent{border-top-left-radius:4px;top:calc(100% - 4px)}.chat-bubble-me{border-bottom-left-radius:4px;bottom:calc(100% - 4px)}@keyframes chatBubbleIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.settings-button{--gear:clamp(40px,7.5vmin,72px);width:var(--gear);height:var(--gear);color:#f5e8bd;font-size:calc(var(--gear) * .5);cursor:pointer;background:#0a2c22;border:1px solid #ffffff30;border-radius:50%;padding:0;line-height:1}.settings-layer{z-index:20000;padding:max(8px,var(--safe-top)) max(8px,var(--safe-right)) max(8px,var(--safe-bottom)) max(8px,var(--safe-left));place-items:center;display:grid;position:fixed;inset:0}.settings-backdrop{cursor:default;background:#0008;border:0;position:absolute;inset:0}.settings-popover{background:#082a20;border:2px solid #d9bd5c;border-radius:16px;gap:12px;width:min(clamp(300px,46vmin,440px),100%);max-height:100%;padding:14px 16px 16px;display:grid;position:relative;overflow:auto;box-shadow:0 14px 40px #000c}.settings-title{justify-content:space-between;align-items:center;display:flex}.settings-title strong{color:var(--gold-strong);font-size:17px}.settings-close{cursor:pointer;background:#0a2c22;border:1px solid #ffffff30;border-radius:10px;min-height:36px;padding:4px 14px;font-size:14px;font-weight:800}.setting-row{gap:4px;display:grid}.setting-head{justify-content:space-between;align-items:baseline;font-size:14px;font-weight:800;display:flex}.setting-head b{color:var(--gold-strong);font-size:14px}.setting-slider{accent-color:#e4bd51;cursor:pointer;touch-action:pan-y;width:100%;height:32px;margin:0}.setting-hint{color:#b9cbc1;justify-content:space-between;margin-top:-4px;font-size:12px;display:flex}.settings-action{cursor:pointer;background:#0a2c22;border:1px solid #ffffff2b;border-radius:10px;min-height:44px;font-size:14px;font-weight:800}@media (height<=420px){.settings-popover{gap:6px;padding:8px 14px 10px}.setting-slider{height:26px}.settings-action,.settings-close{min-height:34px}}@media (width>=700px) and (height>=700px){.settings-title strong{font-size:20px}.setting-head,.setting-head b,.settings-action,.settings-close{font-size:17px}.setting-hint,.setting-note{font-size:14px}.setting-slider{height:40px}.settings-popover{gap:16px;padding:20px 22px 22px}}.settings-button.has-reservation{border-color:#ff9c8c;box-shadow:0 0 0 2px #ff9c8c66}.settings-action.exit-reserve{background:#3a1d1a;border-color:#e77e70aa;width:100%}.settings-action.exit-reserve.is-reserved{background:#6b201b;border-color:#ff9c8c}.setting-note{color:#b9cbc1;font-size:12px;line-height:1.4}.game-toast{z-index:19000;left:50%;top:max(8px,var(--safe-top));color:#fff;background:#7a2a24f5;border:1px solid #ffb19e;border-radius:12px;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 16px);padding:8px 10px 8px 14px;font-size:13px;font-weight:700;line-height:1.35;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #000a}.game-toast span{min-width:0}.game-toast button{cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #fff6;border-radius:9px;flex:none;min-height:36px;padding:4px 12px;font-size:13px;font-weight:800}.game-toast .game-toast-close{background:0 0;border-color:#fff3}.table-zone{border-block:1px solid #ffffff18;grid-auto-rows:minmax(0,1fr);gap:2px 4px;min-width:0;min-height:0;padding:4px 8px;display:grid;position:relative}.table-slot{place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.table-month-group{--tw:min(calc((100cqh - 6px) * 56 / 82),calc((100cqw - 6px) / 1.62),84px);border-radius:7px;align-items:center;padding:2px;display:flex;position:relative}.table-month-group .card{width:var(--tw)}.table-month-group.count-2 .card+.card{margin-left:calc(var(--tw) * -.4)}.table-month-group.count-3 .card+.card,.table-month-group.count-4 .card+.card{margin-left:calc(var(--tw) * -.69)}.table-month-group.ppuk-stack{background:#3a120fcc;box-shadow:0 0 0 2px #ff745f,0 0 14px #ff5d4566}.ppuk-badge{z-index:5;color:#fff3c3;white-space:nowrap;background:#9e271c;border:1px solid #ff9c7d;border-radius:9px;padding:1px 7px;font-size:11px;font-weight:900;position:absolute;bottom:-3px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0008}.table-rail{flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:0;display:flex;container-type:size}.deck-stack{aspect-ratio:var(--card-ratio);filter:drop-shadow(0 4px 5px #0007);flex:none;width:min(68.2927cqh - 43.7073px,100cqw - 14px,70px);position:relative}.deck-stack .card{width:100%;height:100%}.deck-stack.is-empty{filter:none;border:1px dashed #ffffff30;border-radius:6px}.deck-stack span{z-index:3;white-space:nowrap;color:#f4dfa0;background:#09261df0;border-radius:9px;padding:1px 7px;font-size:11px;font-weight:800;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.turn-chip{text-align:center;background:#163d2ef0;border:1px solid #ffffff1f;border-radius:12px;flex:none;max-width:100%;padding:3px 9px;font-size:12px;font-weight:900;line-height:1.2}.turn-me{color:#ffe471;border-color:#d9b44b99}.turn-cpu{color:#9fd8ff;border-color:#79bdf166}.turn-timer-badge{color:#f6ebc3;pointer-events:none;background:#08281ff0;border:1px solid #d7bd5b77;border-radius:12px;flex:none;align-items:baseline;gap:2px;min-height:24px;padding:2px 9px;display:flex}.turn-timer-badge.is-idle{visibility:hidden}.turn-timer-badge span{display:none}.turn-timer-badge b{color:var(--gold-strong);font-size:17px;line-height:1.1}.turn-timer-badge small{font-size:11px}.turn-timer-badge.is-warning{background:#7d231bf0;border-color:#ffb19e;animation:.72s ease-in-out infinite alternate turnTimerPulse;box-shadow:0 0 0 2px #ffcf5944,0 0 14px #ff5a3f66}.turn-timer-badge.is-warning b{color:#fff1a8}.turn-timer-badge.is-opponent{color:#cfd8cf;background:#0b2a22cc;border-color:#fff3}.turn-timer-badge.is-opponent i{opacity:.8;margin-right:3px;font-size:11px;font-style:normal}.turn-timer-badge.is-opponent b{color:#e6ecdf}@keyframes turnTimerPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.hand-row{background:var(--panel);min-width:0;min-height:0;container-type:size}.matgo-shell.is-human-turn .hand-row{box-shadow:inset 0 2px #ffe06688}.my-hand{place-content:center;gap:var(--hg);--hg:4px;height:100%;display:grid}.my-hand .card{width:var(--hw)}.my-hand .card.matchable{transform:translateY(-4px)}.my-hand .card:active{transform:translateY(-6px)scale(1.03)}.bomb-token-card{appearance:none;cursor:pointer;width:var(--hw);background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid;position:relative}.bomb-token-card>.card{grid-area:1/1;width:100%}.bomb-token-card>span{z-index:3;color:#fff6cf;white-space:nowrap;background:#7d1410e6;border:1px solid #ffdf80e6;border-radius:999px;grid-area:1/1;padding:2px 5px;font-size:11px;font-weight:900}.bomb-token-card>small{display:none}.bomb-token-card:not(:disabled){animation:1.2s ease-in-out infinite bombTokenPulse}.bomb-token-card:disabled{cursor:default;opacity:.72}@keyframes bombTokenPulse{50%{transform:translateY(-4px)scale(1.025)}}@media (orientation:landscape){.matgo-shell{grid-template-rows:minmax(0,14fr) minmax(0,38fr) minmax(0,18fr) minmax(0,30fr)}.player-row{grid-template-columns:fit-content(42%) minmax(0,1fr) auto;grid-template-areas:"info cap side";align-items:stretch}.avatar-panel{grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;gap:1px 7px;display:grid}.avatar-circle{grid-row:1/span 2;width:clamp(30px,10vh,52px)}.avatar-copy{flex-direction:column;justify-content:center}.opponent-row .avatar-copy{flex-direction:row;align-items:baseline;gap:7px}.opponent-row .avatar-circle{grid-row:1/span 2;width:clamp(28px,9vh,46px)}.player-alerts{grid-column:2}.opponent-hand-wrap{--back-w:clamp(15px,5vh,26px);flex-direction:column;justify-content:center;gap:1px}.captured{--cap-rows:1;grid-template-columns:5fr 8fr 8fr 15fr}.table-zone{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr)) minmax(76px,.8fr) repeat(3,minmax(0,1fr))}.table-rail{grid-area:1/4/3}.table-slot:nth-child(2){grid-area:1/3}.table-slot:nth-child(3){grid-area:1/5}.table-slot:nth-child(4){grid-area:2/3}.table-slot:nth-child(5){grid-area:2/5}.table-slot:nth-child(6){grid-area:1/2}.table-slot:nth-child(7){grid-area:1/6}.table-slot:nth-child(8){grid-area:2/2}.table-slot:nth-child(9){grid-area:2/6}.table-slot:nth-child(10){grid-area:1/1}.table-slot:nth-child(11){grid-area:1/7}.table-slot:nth-child(12){grid-area:2/1}.table-slot:nth-child(13){grid-area:2/7}.my-hand{--hw:min(calc((100cqw - 16px - (var(--hand-count) - 1) * var(--hg)) / var(--hand-count)),calc((100cqh - 14px) * 56 / 82),112px);grid-template-columns:repeat(var(--hand-count),var(--hw))}}@media (orientation:portrait){.matgo-shell{grid-template-rows:minmax(0,17fr) minmax(0,36fr) minmax(0,19fr) minmax(0,28fr)}.player-row{grid-template-columns:minmax(0,1fr) auto;padding:4px 8px}.opponent-row{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"info side""cap cap"}.my-captured-row{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"cap cap""info side"}.avatar-panel{align-items:center;gap:8px;display:flex}.avatar-circle{width:34px}.avatar-copy{flex-direction:row;flex:0 auto;align-items:baseline;gap:8px}.player-alerts{flex:1 1 0}.opponent-hand-wrap{--back-w:19px}.captured{--cap-rows:2;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:5fr 8fr 8fr}.captured-group-pi{grid-column:1/-1}.captured-label{flex-direction:row;gap:3px}.table-zone{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr)) 72px}.table-rail{grid-area:1/5/4}.table-month-group{--tw:min(calc((100cqh - 6px) / 1.28 * 56 / 82),calc((100cqw - 6px) / 1.5),84px);align-items:flex-start}.table-month-group.count-2 .card+.card,.table-month-group.count-3 .card+.card,.table-month-group.count-4 .card+.card{margin-left:calc(var(--tw) * -.75)}.table-month-group .card:nth-child(2){margin-top:calc(var(--tw) * 82 / 56 * .14)}.table-month-group .card:nth-child(3),.table-month-group .card:nth-child(4){margin-top:calc(var(--tw) * 82 / 56 * .28)}.my-hand{--hw:min(calc((100cqw - 16px - (var(--hand-cols) - 1) * var(--hg)) / var(--hand-cols)),calc((100cqh - 14px - var(--hg)) / 2 * 56 / 82),112px);grid-template-columns:repeat(var(--hand-cols),var(--hw))}}.choice-overlay,.result-overlay{padding:max(8px,var(--safe-top)) max(8px,var(--safe-right)) max(8px,var(--safe-bottom)) max(8px,var(--safe-left));place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.choice-overlay{z-index:12000;background:#0009}.result-overlay{z-index:13000;background:#0009}.rule-choice-overlay{pointer-events:none;background:0 0}.draw-match-overlay{background:#00000061}.choice-box,.result-box{pointer-events:auto;color:#fff;text-align:center;background:linear-gradient(#123f31f7,#09271ff9);border:2px solid #e8c861;border-radius:16px;flex-direction:column;align-items:center;gap:8px;width:min(440px,100%);max-height:100%;padding:14px 16px 16px;display:flex;overflow:auto;box-shadow:0 12px 36px #000b}.choice-box>strong,.rule-choice-box>strong{font-size:17px;line-height:1.3}.choice-box p{color:#c7d6cd;margin:0;font-size:13px;line-height:1.4}.choice-cards{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.choice-cards .card{width:clamp(48px,14vmin,72px)}.draw-match-reveal{color:#ffe58c;justify-items:center;gap:4px;font-size:12px;display:grid}.rule-choice-actions,.round-end-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.rule-choice-actions button,.round-end-actions button{color:#fff;cursor:pointer;background:#133c2f;border:1px solid #d9bd5c;border-radius:12px;place-items:center;gap:3px;min-height:54px;padding:8px;display:grid}.rule-choice-actions button b,.round-end-actions button b{color:#ffe279;font-size:16px}.rule-choice-actions button span,.round-end-actions button span{color:#cbd8d1;font-size:12px}.round-end-actions button:last-child{background:#47231f;border-color:#e77e70}.rule-choice-actions button:disabled,.round-end-actions button:disabled{opacity:.45;cursor:default}.matgo-shell{grid-auto-rows:auto}.go-stop-bar{z-index:5;background:linear-gradient(#123f31,#09271f);border-top:2px solid #e8c861;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 10px;display:grid;box-shadow:0 -6px 18px #0008}.go-stop-info{flex-wrap:wrap;align-items:center;gap:2px 10px;min-width:0;display:flex}.go-stop-info>strong{color:#ffe06b;white-space:nowrap;font-size:20px;line-height:1.1}.go-stop-score{color:#dfe9e2;white-space:nowrap;font-size:13px}.go-stop-score b{color:#fff;font-size:17px}.go-stop-bar button{color:#fff;cursor:pointer;border-radius:12px;min-width:clamp(104px,20vw,180px);min-height:50px;padding:4px 10px;font-weight:900;box-shadow:0 4px 12px #0007}.go-stop-bar button:disabled{opacity:.45;cursor:default}.go-stop-bar button b{font-size:20px;line-height:1.1;display:block}.go-stop-bar button span{opacity:.9;font-size:12px;font-weight:700;display:block}.go-choice{background:linear-gradient(#b7841e,#815b0f);border:2px solid #ffd762}.stop-choice{background:linear-gradient(#b3362e,#7e201b);border:2px solid #ff8c82}@media (orientation:portrait){.go-stop-bar{padding:8px 10px max(8px,var(--safe-bottom));grid-template-columns:1fr 1fr}.go-stop-info{grid-column:1/-1;justify-content:center}.go-stop-bar button{min-height:56px}}@media (width>=700px) and (height>=700px){.go-stop-bar{gap:12px;padding:10px 16px}.go-stop-info>strong{font-size:26px}.go-stop-score{font-size:16px}.go-stop-score b{font-size:22px}.go-stop-bar button{min-height:68px}.go-stop-bar button b{font-size:26px}.go-stop-bar button span{font-size:14px}}.go-stop-countdown,.gukjin-countdown{color:#ffe27a;background:#0a291f;border:1px solid #e6c65c;border-radius:999px;place-items:center;min-width:38px;margin-left:6px;padding:2px 7px;font-size:13px;display:inline-grid}.go-stop-countdown.is-urgent,.gukjin-countdown.is-urgent{color:#fff;background:#7c241d;border-color:#ffad94;animation:.55s ease-in-out infinite alternate turnTimerPulse}.result-box>strong{color:#ffe174;font-size:30px;line-height:1.1}.result-box>span{color:#e8eadf;font-size:14px}.result-box .settlement-detail{color:#ffd86f;font-size:12px;font-style:normal;font-weight:900}.result-countdown{color:#d9e2dc;font-size:12px}.result-countdown b{color:#fff;background:#7c241d;border-radius:999px;place-items:center;min-width:34px;margin-left:5px;padding:2px 7px;font-size:13px;display:inline-grid}@media (height<=420px){.choice-box,.result-box{gap:5px;padding:9px 14px 11px}.result-box>strong{font-size:24px}.rule-choice-actions button,.round-end-actions button{min-height:46px;padding:5px}.choice-cards .card{width:clamp(40px,17vh,64px)}}.starter-draw-screen{color:#fff;padding:max(8px,var(--safe-top)) max(8px,var(--safe-right)) max(8px,var(--safe-bottom)) max(8px,var(--safe-left));background:radial-gradient(at 50% 45%,#24704e 0,#13563c 48%,#082f22 100%);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.starter-draw-panel{text-align:center;background:#082f25ee;border:2px solid #e0bf54;border-radius:16px;width:min(980px,100%);padding:14px 16px;box-shadow:0 20px 60px #0008}.starter-kicker{color:var(--gold);letter-spacing:.12em;font-size:13px;font-weight:900}.starter-draw-panel h2{margin:4px 0;font-size:20px;line-height:1.25}.starter-draw-panel p{color:#d9e7df;margin:0 0 6px;font-size:12px}.starter-status{color:#ffe16f;background:#051d17;border-radius:14px;width:max-content;max-width:100%;margin:6px auto 10px;padding:5px 14px;font-size:14px;font-weight:900}.starter-card-grid{grid-template-columns:repeat(8,minmax(0,1fr));justify-items:center;gap:8px;display:grid}.starter-card-slot{color:#fff;background:0 0;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;width:100%;min-width:0;padding:4px 2px 22px;display:flex;position:relative}.starter-card-slot .card{pointer-events:none;width:min(100%,17.7561vh,84px)}.starter-card-slot span{white-space:nowrap;text-overflow:ellipsis;color:#f7e088;font-size:11px;font-weight:900;position:absolute;bottom:3px;left:0;right:0;overflow:hidden}.starter-card-slot.picked-human{border-color:#ffe16f}.starter-card-slot.picked-cpu{border-color:#8fd8ff}.starter-rule-note{color:#c9d8d1;margin-top:8px;font-size:12px}@media (orientation:portrait){.starter-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px}.starter-card-slot .card{width:min(100%,76px)}}@media (orientation:landscape) and (height<=420px){.starter-draw-panel{padding:8px 14px}.starter-draw-panel h2{margin:2px 0;font-size:16px}.starter-draw-panel p{display:none}.starter-status{margin:3px auto 6px;padding:3px 12px;font-size:13px}.starter-rule-note{margin-top:3px}}.flying-card{z-index:10003;pointer-events:none;filter:drop-shadow(0 5px 5px #0008);perspective:500px;transform-origin:50%;position:fixed}.flying-card img{object-fit:fill;border-radius:5px;width:100%;height:100%;display:block}.real-card-ghost{z-index:12020;will-change:transform,left,top,width,height;background:#f4ead2;border-radius:6px;overflow:hidden;box-shadow:0 7px 18px #000b,inset 0 0 0 1px #fff8}.real-card-ghost.is-primary-play{z-index:14020;box-shadow:0 10px 28px #000d,0 0 0 4px #ffe16e,0 0 26px #ffe16e99}.real-card-ghost.capture-docked{z-index:10008}.real-card-ghost.table-settled-ghost{z-index:10006;filter:drop-shadow(0 3px 4px #00000059)}.matched-pair-frame{z-index:14010;pointer-events:none;border:4px solid #ffd85c;border-radius:11px;animation:.72s ease-in-out infinite alternate matchedPairBreath;position:fixed;box-shadow:0 0 0 2px #a9202070,0 0 16px #ffd85c99}.matched-pair-frame span{color:#fff7c8;background:#b4201f;border:2px solid #ffe38a;border-radius:14px;place-items:center;min-width:28px;height:20px;padding:0 6px;font-size:11px;font-weight:900;line-height:1;display:grid;position:absolute;top:-14px;right:-10px;box-shadow:0 3px 8px #0008}@keyframes matchedPairBreath{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.13);transform:scale(1.025)}}.special-badge{z-index:15040;pointer-events:none;color:#fff2a8;white-space:nowrap;background:#112f25f2;border:1px solid #f1cd63;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;line-height:1;position:fixed;transform:translate(-50%,-100%);box-shadow:0 3px 10px #0009}.special-badge.ppuk,.special-badge.bomb{color:#fff4d7;background:#8c251ff2;border-color:#ffae8e}.special-badge.shake{background:#765315f2}.special-badge.jjok,.special-badge.ttadak{background:#1e5368f2}.special-badge.steal{background:#5a244ff2}.special-badge.go,.special-badge.stop{background:#173f30f2}.event-impact-overlay{z-index:12050;pointer-events:none;text-align:center;filter:drop-shadow(0 10px 18px #000c);flex-direction:column;align-items:center;gap:5px;display:flex;position:fixed;top:48%;left:50%;transform:translate(-50%,-50%)}.event-impact-overlay strong{letter-spacing:-.06em;color:#ffe269;text-shadow:0 4px #6a1f13,0 0 8px #000,0 0 24px #ff6a00;white-space:nowrap;font-size:clamp(34px,13vmin,96px);font-weight:900;line-height:.95}.event-impact-overlay span{color:#fff4c7;white-space:nowrap;background:#071d18e8;border:1px solid #efcf67;border-radius:18px;padding:4px 12px;font-size:clamp(12px,3.4vmin,22px);font-weight:900}.event-impact-overlay.ppuk strong{color:#ff7b67}.event-impact-overlay.ppuk-capture strong,.event-impact-overlay.self-ppuk strong{color:#9eff88}.event-impact-overlay.jjok strong{color:#8fdcff}.event-impact-overlay.ttadak strong{color:#ffd861}.event-impact-overlay.ssaksseuri strong{color:#fff38c}.deal-intro-layer{z-index:12990;pointer-events:auto;position:fixed;inset:0;overflow:hidden}.deal-intro-card{transform-origin:0 0;will-change:transform;filter:drop-shadow(0 4px 5px #0000008c);pointer-events:none;backface-visibility:hidden;border-radius:6px;position:fixed;overflow:hidden}.deal-intro-card img{object-fit:fill;border-radius:inherit;backface-visibility:hidden;transform-origin:50%;width:100%;height:100%;display:block}.deal-intro-card-table{filter:drop-shadow(0 5px 6px #0000009e)}.deal-intro-active [data-zone=hand],.deal-intro-active [data-zone=table],.deal-intro-active .hand-backs .card{opacity:0!important}.deal-intro-active .my-hand,.deal-intro-active .table-zone,.deal-intro-active .opponent-hand-wrap{pointer-events:none!important}@supports not (width:1cqw){.captured-group{--cap-h:clamp(26px,6.5vmin,48px)}.table-month-group{--tw:clamp(30px,9vmin,56px)}.deck-stack{width:clamp(30px,9vmin,56px)}@media (orientation:landscape){.my-hand{--hw:clamp(36px,8.4vw,84px)}}@media (orientation:portrait){.my-hand{--hw:clamp(40px,17vw,84px)}}}