*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:sans-serif;background:#f0f0f0;overflow-x:hidden}#in-match-ui-board{display:block;margin:auto;width:min(480px,calc(100vw - 24px));max-width:100%;height:auto;border:2px solid #333;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#in-match-ui-board image,#in-match-ui-board text{pointer-events:none}[data-selected=true]{outline:3px solid #ffcc00}#in-match-ui-root{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;width:100%;max-width:100vw;overflow-x:hidden}#in-match-ui-hand,#in-match-ui-opponent-hand{display:flex;justify-content:center;align-items:center;gap:clamp(4px,1.6vw,8px);max-width:100%;min-width:0}.in-match-row{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,16px);width:min(100%,600px);padding:8px;border-radius:10px}#in-match-ui-own-row{background-color:#f4ecd6;border:1px solid #d4c896}#in-match-ui-opp-row{background-color:#2a323d;border:1px solid #1a1f26}#in-match-ui-opp-row .hand-identity-badge-label{color:#f4ecd6}#in-match-ui-opp-row .hand-identity-badge{background:#1a1f26;border-color:#0f1318}.deck-stack[data-side=WHITE] .deck-card-back{background-color:#ece3c4;background-image:repeating-linear-gradient(135deg,transparent 0 6px,rgba(0,0,0,.12) 6px 7px);border-color:#b8a567}.deck-stack[data-side=BLACK] .deck-card-back,#in-match-ui-opp-row .hand-card-opponent{background-color:#3a4452;background-image:repeating-linear-gradient(135deg,transparent 0 6px,rgba(255,255,255,.1) 6px 7px);border-color:#1a1f26}.in-match-row>#in-match-ui-hand,.in-match-row>#in-match-ui-opponent-hand{flex:1;width:auto}.hand-identity-badge{display:flex;flex-direction:row;align-items:center;gap:6px;padding:4px 8px;border:1px solid #888;border-radius:6px;background:#fff;flex:0 0 auto;max-width:28%;min-width:0;font-family:sans-serif}.hand-identity-badge-icon{width:28px;height:28px;flex:0 0 28px;-webkit-user-select:none;user-select:none;pointer-events:none}.hand-identity-badge-label{font-size:clamp(11px,2vw,14px);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.deck-stack{position:relative;width:clamp(46px,17vw,88px);aspect-ratio:7 / 4;flex:0 0 auto}.deck-card-back{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#aaa;background-image:repeating-linear-gradient(135deg,transparent 0 6px,rgba(0,0,0,.1) 6px 7px);border:1px solid #888;border-radius:6px;transform:translate(var(--dx, 0px),var(--dy, 0px)) rotate(var(--rot, 0deg));pointer-events:none}#in-match-ui-deck-fly-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000}.card-fly-ghost{position:absolute;background:#aaa;border:1px solid #888;border-radius:6px;transform-origin:top left;will-change:transform}.card-fly-ghost-picture{display:block;max-width:82%;max-height:82%;margin:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.card-fly-ghost-as-back{background-color:#aaa;background-image:repeating-linear-gradient(135deg,transparent 0 6px,rgba(0,0,0,.1) 6px 7px)}.hand-card{position:relative;display:flex;flex:0 1 clamp(46px,17vw,88px);justify-content:center;align-items:center;width:clamp(46px,17vw,88px);min-width:0;aspect-ratio:7 / 4;padding:clamp(3px,1.2vw,6px);border:1px solid #666;border-radius:6px;font-family:sans-serif;cursor:pointer;background:#fff;touch-action:manipulation;transition:transform .12s ease-out,opacity .12s ease-out}.hand-card[data-affordable=false]{opacity:.4;filter:grayscale(.6)}.hand-card-cost{position:absolute;top:2px;left:3px;min-width:14px;padding:0 3px;font-size:11px;font-weight:700;line-height:15px;text-align:center;color:#fff;background:#2b6cb0;border-radius:7px;pointer-events:none;-webkit-user-select:none;user-select:none}#in-match-ui-hand .hand-card[data-card-index="0"]{transform:translateY(6px) rotate(-4deg)}#in-match-ui-hand .hand-card[data-card-index="1"]{transform:translateY(0) rotate(-1.5deg)}#in-match-ui-hand .hand-card[data-card-index="2"]{transform:translateY(0) rotate(1.5deg)}#in-match-ui-hand .hand-card[data-card-index="3"]{transform:translateY(6px) rotate(4deg)}.hand-card-picture{display:block;max-width:82%;max-height:82%;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hand-card-opponent{background-color:#aaa;background-image:repeating-linear-gradient(135deg,transparent 0 6px,rgba(0,0,0,.1) 6px 7px);border-radius:6px;border:1px solid #888}#in-match-ui-mana-bar{display:inline-block;padding:6px 12px;background:#225;color:#fff;border-radius:4px;font-family:sans-serif;font-weight:700}#in-match-ui-end-turn{min-width:140px;min-height:42px;padding:10px 16px;border:1px solid #555;border-radius:6px;background:#fff;color:#222;font-family:sans-serif;font-size:15px;font-weight:700;cursor:default;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}#in-match-ui-end-turn.enabled{border-color:#c58b00;background:#fff7d6;cursor:pointer}#in-match-ui-end-turn.disabled{border-color:#aaa;background:#eee;color:#666}@media (max-width: 520px){#in-match-ui-root{gap:10px;padding:10px 8px}.in-match-row{flex-wrap:wrap;gap:8px}.deck-stack{width:clamp(40px,14vw,72px)}.hand-identity-badge{padding:3px;max-width:36px}.hand-identity-badge-icon{width:24px;height:24px;flex:0 0 24px}.hand-identity-badge-label{display:none}#in-match-ui-hand .hand-card[data-card-index="0"],#in-match-ui-hand .hand-card[data-card-index="3"]{transform:translateY(3px) rotate(-2deg)}#in-match-ui-hand .hand-card[data-card-index="3"]{transform:translateY(3px) rotate(2deg)}#in-match-ui-hand .hand-card[data-card-index="1"],#in-match-ui-hand .hand-card[data-card-index="2"]{transform:none}}#in-match-ui-end-turn.end-turn-glow{animation:end-turn-reminder-glow 1.2s ease-in-out infinite}#in-match-ui-end-turn.turn-start-flash{animation:turn-start-flash 1s ease-out 1,end-turn-reminder-glow 1.2s ease-in-out infinite}@keyframes end-turn-reminder-glow{0%,to{box-shadow:0 0 #dc9a0059}50%{box-shadow:0 0 0 6px #dc9a002e}}@keyframes turn-start-flash{0%,to{transform:scale(1)}20%,60%{transform:scale(1.08);background:#dff6ff;border-color:#28a}}@keyframes vision-breathe{0%,to{opacity:.15}50%{opacity:.55}}.vision-mark{animation:vision-breathe 1s ease-in-out infinite;pointer-events:none}.vision-mark-silhouette.vision-side-white{filter:brightness(0) invert(1)}.vision-mark-silhouette.vision-side-black{filter:brightness(0)}#in-match-ui-vision-button{min-width:90px;min-height:42px;padding:10px 14px;border:1px solid #555;border-radius:6px;background:#fff;color:#222;font-family:sans-serif;font-size:15px;font-weight:700;cursor:pointer}#in-match-ui-vision-button[data-enabled=false]{border-color:#aaa;background:#eee;color:#666;cursor:default}#in-match-ui-vision-button.vision-pulsing{border-color:#4a7fc0;background:#eef4fc;animation:end-turn-reminder-glow 1.2s ease-in-out infinite}.vision-tab{min-width:28px;min-height:42px;padding:6px 8px;border:1px solid #999;border-radius:6px;background:#fafafa;color:#333;font-family:sans-serif;font-size:13px;font-weight:700;cursor:pointer;opacity:.5}.vision-tab-active{opacity:1;border-color:#4a7fc0;background:#eef4fc}.no-legal-summon-notice.side-right{position:absolute;right:16px;top:50%;transform:translateY(-50%);padding:8px 14px;border:1px solid #aa4444;border-radius:6px;background:#ffecec;color:#822;font-family:sans-serif;font-weight:600;pointer-events:none;transition:opacity .2s ease-in-out}.no-legal-summon-notice.visible{opacity:1}.no-legal-summon-notice.hidden{opacity:0}.opponent-moved-banner{position:fixed;top:0;left:0;right:0;z-index:9999;padding:16px;background:#c11;color:#fff;font-family:sans-serif;font-weight:800;font-size:clamp(18px,5vw,28px);letter-spacing:.08em;text-align:center;text-transform:uppercase;box-shadow:0 3px 10px #0006;pointer-events:none}.opponent-moved-banner[data-visible=false]{display:none}.result-banner{position:fixed;top:0;left:0;right:0;z-index:10000;padding:18px 16px;background:#333;color:#fff;font-family:sans-serif;font-weight:800;font-size:clamp(20px,5.5vw,32px);letter-spacing:.06em;text-align:center;box-shadow:0 3px 12px #00000073;pointer-events:none}.result-banner-hidden,.result-banner[data-visible=false]{display:none}.result-banner[data-winner=WHITE],.result-banner[data-winner=BLACK]{background:#1f7a3d}.result-banner[data-winner=DRAW],.result-banner[data-winner=NONE]{background:#555a66}#in-match-ui-result-back-lobby{display:none}.result-banner[data-visible=true]~#in-match-ui-result-back-lobby{display:block;position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:10000;min-height:44px;padding:10px 22px;border:2px solid #222;border-radius:10px;background:#fff;color:#222;font-family:sans-serif;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 2px 8px #00000059}.review-nav{display:flex;justify-content:center;align-items:center;gap:16px;width:100%}.review-nav-btn{min-width:56px;min-height:44px;padding:8px 18px;font-size:22px;line-height:1;border:2px solid #333;border-radius:10px;background:#fff;color:#222;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.review-nav-btn:active{background:#e6e6e6}.review-nav-btn[disabled]{opacity:.35;cursor:default}#in-match-ui-resign{padding:8px 16px;border:1px solid #444;border-radius:4px;font-family:sans-serif;cursor:pointer;background:#fff}#in-match-ui-clock{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;margin:6px auto;max-width:480px;color:#222;border:1px solid #aaa;border-radius:8px;background:#fff;padding:6px 12px;font-style:normal}#in-match-ui-clock .clock-label{color:#666;font-size:12px;order:-1;flex:0 0 auto}#in-match-ui-clock .clock-row{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:6px}#in-match-ui-clock .clock-row.active{background:#e9f4ff;font-weight:700}#in-match-ui-clock .clock-time{font-variant-numeric:tabular-nums}#in-match-ui-mana-bar{display:flex;justify-content:center;gap:18px;font-family:sans-serif;font-weight:600}#in-match-ui-mana-bar .mana-entry-opp{color:#666;font-weight:500}#out-of-match-root.lobby{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;font-family:sans-serif}.lobby button{padding:8px 16px;font-size:16px;cursor:pointer}.lobby .lobby-display-name-row{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ccc;border-radius:6px;background:#fff}.lobby #lobby-display-name-label{font-weight:700}.lobby #lobby-display-name-input{padding:6px 10px;font-size:15px;border:1px solid #aaa;border-radius:4px;min-width:160px;font-family:inherit}.lobby #time-control-widget,.lobby #mana-system-widget{display:flex;flex-direction:column;gap:8px;align-items:center;padding:12px;border:1px solid #ccc;border-radius:6px;background:#fff}.lobby .time-control-label,.lobby .mana-system-label{font-weight:700}.lobby .time-control-presets,.lobby .mana-system-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.lobby .time-control-presets button.selected,.lobby .mana-system-presets button.selected{background:#222;color:#fff}.lobby .time-control-custom{display:flex;gap:8px}.lobby .time-control-custom input{width:84px;padding:6px}.lobby #join-row{display:flex;gap:8px}.lobby .mana-preset-cookie-prompt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;border:1px solid #888;border-radius:6px;background:#fffbe6}.lobby .mana-preset-cookie-prompt-buttons{display:flex;gap:12px}.lobby .mana-preset-cookie-prompt-buttons button{padding:6px 18px;cursor:pointer}#out-of-match-root.mana-preset-builder{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;font-family:sans-serif}.mana-preset-builder .mana-preset-section-label{font-weight:700;margin-bottom:6px}.mana-preset-builder #mana-preset-income-section,.mana-preset-builder #mana-preset-carry-rule,.mana-preset-builder #mana-preset-cap-section{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid #ccc;border-radius:6px;background:#fff;min-width:260px}.mana-preset-builder #mana-preset-income-inputs{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:8px}.mana-preset-builder .mana-preset-income-row{display:flex;flex-direction:column;align-items:center;gap:2px}.mana-preset-builder .mana-preset-income-row label{font-size:12px;color:#555}.mana-preset-builder .mana-preset-income-row input,.mana-preset-builder #mana-preset-cap{width:64px;padding:6px;font-size:15px;text-align:center}.mana-preset-builder .mana-preset-carry-rule-buttons{display:flex;gap:6px}.mana-preset-builder .mana-preset-carry-rule-buttons button{padding:8px 14px;font-size:15px;cursor:pointer}.mana-preset-builder .mana-preset-carry-rule-buttons button.selected{background:#222;color:#fff}.mana-preset-builder #mana-preset-actions{display:flex;gap:12px}.mana-preset-builder #mana-preset-actions button{padding:8px 20px;font-size:16px;cursor:pointer}#out-of-match-root.deckbuilder{display:flex;flex-direction:column;align-items:center;padding:16px;gap:12px;font-family:sans-serif}#deck-cards{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:12px;max-width:600px}.deck-card{border:1px solid #aaa;border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:6px;align-items:center;background:#fafafa}.deck-card .card-name{font-weight:700;font-size:18px}.deck-card .card-cost{color:#666;font-size:12px}.deck-card .card-count{font-size:24px;font-weight:700}.deck-card button{padding:4px 12px;cursor:pointer}#deck-total{font-weight:700;font-size:18px}#confirm-deck{padding:10px 24px;font-size:16px;cursor:pointer}#confirm-deck:disabled{opacity:.4}#out-of-match-root.waiting{display:flex;flex-direction:column;align-items:center;padding:48px;gap:12px;font-family:sans-serif}.room-code-text,#room-code{font-family:JetBrains Mono,Cascadia Mono,Consolas,SF Mono,Menlo,DejaVu Sans Mono,Liberation Mono,Courier New,monospace;font-feature-settings:"zero" 1,"ss01" 1}#room-code{font-size:32px;font-weight:700;letter-spacing:4px;padding:12px 24px;border:1px solid #aaa;border-radius:4px;background:#fafafa}@media (max-width: 520px){#room-code{font-size:40px;letter-spacing:6px}}.lobby-notice{margin-top:6px;color:#b23b3b;font-size:13px;font-family:sans-serif}#client-end-screen{display:flex;flex-direction:column;align-items:center;padding:48px;gap:16px;font-family:sans-serif}#client-end-screen-winner{font-size:24px;font-weight:700}#client-end-screen-back-to-lobby{padding:10px 24px;font-size:16px;cursor:pointer}