:root{--bg:#0b0f1a;--bg-2:#121a2b;--panel:#18223a;--panel-2:#1f2b48;--line:#2d3c60;--text:#e8ecf6;--dim:#98a3bf;--accent:#6cc3ff;--accent-2:#b48cff;--gold:#e6c36a;--danger:#ff6b6b;--ok:#6be3a0;--card-w:clamp(52px, 5.6vw, 92px);--card-h:calc(var(--card-w) * 88 / 63);--hand-w:clamp(64px, 6.8vw, 108px);--radius:8px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--app-h:calc(100dvh - var(--safe-top) - var(--safe-bottom));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}img,.card-slot{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{background:radial-gradient(ellipse at 50% 40%, #16213a 0%, var(--bg) 70%);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px;overflow:hidden}h1,h2,.tf-name,.phase,.player-name{font-family:Cinzel,Georgia,serif}.dim{color:var(--dim)}.warn{color:var(--gold)}.btn{white-space:nowrap;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);font:inherit;cursor:pointer;padding:7px 14px;font-weight:600;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:linear-gradient(#3d8fd6,#2a5fa8);border-color:#5fb1ff}.btn.ghost{background:0 0}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.small{padding:3px 9px;font-size:12px}.btn.big{padding:12px 34px;font-size:18px}.seg{border:1px solid var(--line);border-radius:var(--radius);display:inline-flex;overflow:hidden}.seg button{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 12px;font-weight:600}.seg button.on{background:var(--panel-2);color:var(--text)}.lobby{height:var(--app-h);flex-direction:column;align-items:center;gap:18px;padding:24px 16px;display:flex;overflow:auto}.lobby-head{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.lobby-head h1{letter-spacing:.06em;background:linear-gradient(180deg, #fff, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(32px,6vw,56px)}.tagline{color:var(--dim);margin:0}.lobby-main{flex-direction:column;align-items:stretch;gap:16px;width:min(720px,100%);display:flex}.lobby-main>.btn.big{align-self:center}fieldset{border:1px solid var(--line);border-radius:var(--radius);background:#18223a99;padding:10px 14px 14px}legend{color:var(--accent);padding:0 6px;font-weight:600}.deck-choice{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:max-content;gap:10px;display:grid}.deck-option{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:10px;padding:10px;display:flex;position:relative;overflow:hidden}.deck-art{flex:0 0 calc(100% + 20px);height:96px;margin:-10px -10px 0;position:relative;overflow:hidden}.deck-art img{width:116%;position:absolute;top:50%;left:-8%;transform:translateY(-34%)}.deck-option .deck-elements{filter:drop-shadow(0 1px 2px #0009);position:absolute;top:8px;left:8px}.deck-option:not(.on) .deck-art img{filter:saturate(.75)brightness(.85)}.deck-option.on{border-color:var(--accent);background:var(--panel-2)}.deck-option input{opacity:0;pointer-events:none;position:absolute}.deck-elements{gap:2px;display:flex}.deck-text{flex-direction:column;gap:2px;display:flex}.check{align-items:center;gap:8px;display:flex}.notice-line{background:var(--panel);border:1px solid var(--gold);border-radius:var(--radius);align-items:center;gap:12px;padding:8px 12px;display:flex}.legal{color:var(--dim);text-align:center;max-width:720px;margin-top:auto;font-size:12px}.game{height:var(--app-h);grid-template-columns:minmax(200px,260px) 1fr;display:grid}.loading{height:var(--app-h);color:var(--dim);place-items:center;display:grid}.side-panel{border-right:1px solid var(--line);background:#0b0f1abf;flex-direction:column;gap:8px;min-height:0;padding:8px;display:flex}.preview{--card-w:min(240px, calc(100% - 4px));flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.preview.empty{aspect-ratio:63/88;border:1px dashed var(--line);border-radius:var(--radius);align-self:center;width:100%;max-width:240px}.preview-name{font-weight:600}.preview-state{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.preview-state span{background:var(--panel-2);border-radius:4px;padding:1px 6px;font-size:12px}.log{flex-direction:column;flex:1;gap:2px;min-height:0;font-size:12px;display:flex;overflow-y:auto}.log-line{border-left:2px solid #0000;padding:2px 4px}.log-line.me{border-left-color:var(--accent)}.log-line.opp{border-left-color:var(--danger)}.table{grid-template:"oppfield oppzones"minmax(0,1fr)"center center""myfield myzones"minmax(0,1fr)"hand hand"/1fr minmax(170px,230px);gap:6px;min-width:0;min-height:0;padding:6px 10px;display:grid}.field.opp{grid-area:oppfield}.zones.opp{grid-area:oppzones}.center-strip{grid-area:center}.field.me{grid-area:myfield}.zones.me{grid-area:myzones}.hand{grid-area:hand}.field{flex-direction:column;justify-content:center;gap:8px;min-height:0;display:flex}.field-row{min-height:var(--card-h);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.field-row.backups{--card-w:clamp(44px, 4.6vw, 76px)}.backup-slot{width:var(--card-w);height:calc(var(--card-w) * 88 / 63);border:1px dashed #6cc3ff2e;border-radius:6px}.zones{flex-direction:column;justify-content:center;gap:6px;font-size:12px;display:flex}.player-name{align-items:center;gap:6px;font-weight:700;display:flex}.turn-dot{background:var(--gold);width:9px;height:9px;box-shadow:0 0 8px var(--gold);border-radius:50%}.damage-zone{--card-w:22px;align-items:center;gap:3px;display:flex}.damage-slot{border:1px solid var(--line);width:24px;height:33px;color:var(--dim);border-radius:3px;place-items:center;font-size:10px;display:grid}.damage-slot.last{border-color:var(--danger)}.damage-slot.ex{box-shadow:0 0 6px var(--gold)}.damage-count{margin-left:4px;font-weight:700}.piles{--card-w:40px;flex-wrap:wrap;gap:6px;display:flex}.pile{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:relative}.pile-empty{border:1px dashed var(--line);border-radius:4px;width:40px;height:56px}.pile-count,.opp-hand .pile-count{color:var(--dim);font-size:11px}.opp-hand{flex-direction:column;align-items:center;gap:2px;display:flex}.crystals{color:var(--accent-2);align-self:center;font-weight:700}.center-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;min-height:46px;padding:4px 6px;display:flex}.phase-track{flex:100%;justify-content:center;gap:4px;font-size:12px;display:flex}.phase{color:var(--dim);border-radius:4px;align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.phase.on{color:var(--text);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--accent)}.steps{gap:4px;font-family:Inter,sans-serif;display:inline-flex}.step{color:var(--dim);font-size:11px}.step.on{color:var(--gold)}.stack{--card-w:34px;align-items:center;gap:6px;max-width:40%;display:flex;overflow-x:auto}.stack-title{color:var(--accent-2);font-size:12px;font-weight:700}.stack-item{background:var(--panel);border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:flex}.stack-item.opp{border:1px solid #ff6b6b80}.stack-label{flex-direction:column;display:flex}.main-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.main-button{color:#1b1405;background:linear-gradient(#e6c36a,#b48a2c);border-color:#f3d88b;min-width:150px}.waiting{color:var(--dim);font-style:italic}.settings{position:relative}.settings-panel{z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:8px;min-width:220px;padding:10px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.settings-panel label{align-items:center;gap:6px;display:flex}.hand{min-height:calc(var(--hand-w) * 88 / 63 * .85);justify-content:center;align-items:flex-end;padding-bottom:4px;display:flex}.hand-card{--card-w:var(--hand-w);margin:0 calc(var(--hand-w) * -.12);transition:transform .15s}.hand-card:hover,.hand-card:focus-within{z-index:5;transform:translateY(-14px)}.card-slot{width:var(--card-w);aspect-ratio:63/88;flex:none;place-items:center;display:grid;position:relative}.card-slot.dull{width:calc(var(--card-w) * 88 / 63);aspect-ratio:88/63}.card{width:var(--card-w);aspect-ratio:63/88;border-radius:calc(var(--card-w) * .06);-webkit-user-select:none;user-select:none;transition:box-shadow .2s;position:relative}.card.clickable{cursor:pointer}.hit{color:#ff8787;text-shadow:0 0 4px #000,0 0 8px #000;pointer-events:none;font-size:18px;font-weight:800;animation:1.2s ease-out forwards hit-pop;position:absolute;top:30%;left:50%;transform:translate(-50%)}@keyframes hit-pop{0%{opacity:0;transform:translate(-50%,6px)scale(.8)}15%{opacity:1;transform:translate(-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-22px)scale(1)}}.damage-slot .card-slot{animation:.5s ease-out damage-in}@keyframes damage-in{0%{opacity:.3;transform:rotateY(90deg)scale(1.6)}to{opacity:1;transform:none}}.ex-flash{z-index:35;pointer-events:none;--card-w:200px;background:radial-gradient(circle,#e6c36a40,#0000 60%);flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:1.8s ease-out forwards ex-flash;display:flex;position:fixed;inset:0}@keyframes ex-flash{0%{opacity:0;transform:scale(.85)}12%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0}}.attack-info{flex-wrap:wrap;flex:1 1 0;align-items:center;gap:10px;min-width:0;font-size:12px;display:flex}.attack-info span{align-items:center;gap:4px;display:inline-flex}.attack-info .attackers{color:#ff8787}.attack-info .blocker{color:#ffa94d}.attack-info.hint{color:var(--dim);font-style:italic}.attack-info .outcome{color:var(--gold);font-weight:600}.card-face,.card-back{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-back{background:radial-gradient(circle,#6cc3ff59 0 18%,#0000 19%),linear-gradient(160deg,#1c2a52,#0d1430);border:1px solid #3b5390}.card-back-ring{border:2px solid #b48cff80;border-radius:50%;position:absolute;inset:22%}.glow-playable{box-shadow:0 0 0 2px var(--ok), 0 0 10px var(--ok)}.glow-target{box-shadow:0 0 0 2px var(--gold), 0 0 12px var(--gold)}.glow-selected,.glow-chosen{box-shadow:0 0 0 3px var(--accent), 0 0 14px var(--accent)}.glow-source{box-shadow:0 0 0 2px #b48cffcc}.glow-attacking{box-shadow:0 0 0 2px var(--danger), 0 0 12px var(--danger)}.glow-blocking{box-shadow:0 0 0 2px #ffa94d,0 0 12px #ffa94d}.badge{pointer-events:none;border-radius:4px;padding:0 4px;font-size:11px;font-weight:700;line-height:16px;position:absolute}.badge.damage{background:var(--danger);color:#fff;top:2px;right:2px}.badge.power{color:#fff;background:#000000bf;bottom:2px;right:2px}.badge.power.modified{color:var(--ok)}.badge.frozen{background:#4dabf7;top:2px;left:2px}.badge.attacking{background:var(--danger);align-items:center;padding:2px;display:inline-flex;bottom:2px;left:2px}.text-frame{color:#10131c;flex-direction:column;gap:3px;padding:5%;font-size:11px;display:flex;position:absolute;inset:0}.text-frame>*{background:#ffffffd1;border-radius:3px}.tf-head{align-items:center;gap:3px;padding:2px 3px;display:flex}.tf-cost{align-items:center;gap:1px;display:inline-flex}.tf-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.tf-ex{background:var(--gold);border-radius:3px;padding:0 3px;font-weight:700}.tf-type{padding:1px 4px;font-size:10px;font-weight:600}.tf-body{flex:1;padding:3px 4px;overflow:hidden}.tf-foot{justify-content:space-between;align-items:center;padding:1px 4px;font-size:9px;display:flex}.tf-power{font-size:12px;font-weight:800}.tf-legal{text-align:center;color:#fffc;background:0 0;font-size:8px}.text-frame.compact{padding:4%;font-size:8px}.text-frame.compact .tf-head{flex-direction:column;align-items:flex-start}.text-frame.compact .tf-name{white-space:normal;line-height:1.1}.text-frame.compact .tf-foot{margin-top:auto}.card-text-p{margin:0 0 3px;line-height:1.3}.ex-burst{color:#a37200;font-weight:800}.special-name{font-style:italic;font-weight:700}.element-icon,.cp-generic,.dull-icon{vertical-align:middle;display:inline-block}.choice-panel,.payment-tray{left:50%;bottom:calc(var(--hand-w) * 88 / 63 + 12px + var(--safe-bottom));z-index:20;border:1px solid var(--accent);background:#18223af5;border-radius:12px;flex-direction:column;gap:10px;width:min(640px,100vw - 24px);padding:12px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 40px #0009}.prompt-text{margin:0;font-weight:600}.prompt-source,.pay-head{--card-w:44px;align-items:center;gap:10px;display:flex}.choice-options,.pay-cards,.zone-cards{--card-w:72px;flex-wrap:wrap;gap:8px;max-height:40vh;display:flex;overflow-y:auto}.pay-cards{--card-w:48px}.prompt-actions,.pay-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.panel-min{width:32px;height:28px;padding:0;font-size:14px;line-height:1;display:none;position:absolute;top:4px;right:4px}.choice-panel.min,.payment-tray.min{top:calc(var(--safe-top) + 4px);flex-flow:wrap;align-items:center;gap:6px;padding:6px 42px 6px 10px;bottom:auto}.choice-panel.min>:not(.prompt-text,.prompt-actions,.panel-min),.payment-tray.min>:not(.pay-chosen,.pay-actions,.panel-min),.payment-tray.min .pay-chosen .dim{display:none}.choice-panel.min .prompt-text{white-space:nowrap;text-overflow:ellipsis;flex:50%;min-width:0;font-size:12px;overflow:hidden}.payment-tray.min .pay-chosen{flex:auto}.pay-cost,.pay-chosen,.pay-extra{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pay-label{color:var(--dim);min-width:60px}.pay-total{margin-left:auto;font-weight:700}.pay-total.enough{color:var(--ok)}.cp-chip{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:12px;gap:1px;padding:2px 6px;display:inline-flex}.cp-chip.multi{border-style:dashed}.modes{flex-direction:column;gap:8px;display:flex}.btn.mode{text-align:left}.order-list{flex-direction:column;gap:6px;padding-left:20px;display:flex}.order-list li span{min-width:200px;display:inline-block}.divide-row,.number-row{--card-w:40px;align-items:center;gap:8px;display:flex}.divide-row span{flex:1}.ex-reveal{--card-w:180px;flex-direction:column;align-items:center;gap:6px;display:flex}.ex-title{color:var(--gold);text-shadow:0 0 12px var(--gold);font-family:Cinzel,serif;font-size:22px;font-weight:700}.modal-backdrop{z-index:40;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:#04060c99;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);width:min(560px,100vw - 24px);max-height:calc(var(--app-h) - 32px);border-radius:12px;outline:none;flex-direction:column;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.modal h2{margin:0;font-size:18px}.game-over h2{text-align:center;color:var(--gold);font-size:28px}.toast{top:calc(var(--safe-top) + 16px);background:var(--panel);border:1px solid var(--danger);border-radius:var(--radius);z-index:60;padding:8px 14px;position:fixed;left:50%;transform:translate(-50%)}.touch-preview{z-index:50;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 16px);background:#04060cb3;place-items:center;display:grid;position:fixed;inset:0}.touch-preview .preview{--card-w:min(260px, 70vw, 50dvh);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px}@media (width<=760px),(height<=500px){.game{grid-template-columns:minmax(0,1fr)}.side-panel,.phase:not(.on){display:none}.phase-track{flex:0 auto;min-width:0;overflow:hidden}.step:not(.on){display:none}.phase.on:has(.step.on) .phase-name{display:none}.phase.on{white-space:nowrap}.center-strip{flex-wrap:nowrap;gap:6px;min-height:0;padding:2px 4px}.attack-info.hint{display:none}.attack-info{gap:2px 8px;font-size:11px;line-height:1.2}.attack-info span{flex-wrap:wrap;min-width:0}.main-button{min-width:0}.btn{padding:6px 10px}.field-row{gap:6px}.ex-reveal{--card-w:min(160px, 32dvh)}.modal{gap:8px;padding:12px 14px}.panel-min{display:block}.choice-panel,.payment-tray{padding-right:42px}.choice-options{max-height:28dvh}.coach{gap:6px;max-height:45dvh;padding:9px 11px;font-size:.8125rem}}@media (width<=760px){:root{--card-w:clamp(34px, min(12.5vw, 7.2dvh), 64px);--hand-w:clamp(44px, min(15vw, 9dvh), 76px)}.table{grid-template:"oppzones""oppfield"minmax(0,1fr)"center""myfield"minmax(0,1fr)"myzones""hand"/minmax(0,1fr);gap:4px;padding:4px}.zones{flex-flow:wrap;align-items:center;gap:4px 8px}.damage-zone{gap:2px}.damage-slot{width:16px;height:22px}.damage-zone{--card-w:14px}.piles{--card-w:24px;gap:4px}.pile-empty{width:24px;height:34px}.field-row.backups{--card-w:clamp(30px, min(11vw, 6.2dvh), 56px)}}@media (height<=500px) and (width>=761px){:root{--card-w:clamp(28px, 9.5dvh, 60px);--hand-w:clamp(34px, 12dvh, 70px)}.field-row.backups{--card-w:clamp(26px, 8.5dvh, 52px)}.table{grid-template-columns:minmax(0,1fr) minmax(150px,200px);gap:2px;padding:2px 6px}.damage-zone{--card-w:16px;gap:2px}.damage-slot{width:18px;height:25px}.field,.zones{gap:3px}.piles{--card-w:28px}.pile-empty{width:28px;height:39px}}.field .text-frame.compact .tf-power{visibility:hidden}.sound-control,.lobby-settings{align-items:center;gap:8px;display:flex}.sound-toggle{color:var(--text);cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.sound-control input[type=range]{width:110px;accent-color:var(--accent)}.text-frame.compact .tf-code{display:none}.deck-choices{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.deck-choices .deck-choice{grid-template-columns:1fr;max-height:42dvh;overflow-y:auto}.deck-option.illegal b:after{content:" ⚠";color:var(--gold)}.format-choice{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hint{color:var(--dim);font-size:12px}.deck-builder{height:var(--app-h);grid-template-rows:auto minmax(0,1fr);display:grid}.deck-head{border-bottom:1px solid var(--line);background:#0b0f1acc;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.deck-title{flex:200px;min-width:0;margin:0;font-family:Cinzel,serif;font-size:18px}input.deck-title{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:6px 10px}.deck-actions{flex-wrap:wrap;gap:6px;display:flex}.deck-body{grid-template-columns:minmax(0,1fr) minmax(260px,340px) minmax(180px,260px);min-height:0;display:grid}.deck-body.list{grid-template-columns:minmax(240px,340px) minmax(0,1fr)}.deck-body>*{min-height:0;padding:10px 12px;overflow-y:auto}.catalog{flex-direction:column;gap:10px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);font:inherit;flex:220px;padding:7px 10px}.chips{gap:2px;display:flex}.chip{cursor:pointer;opacity:.55;background:0 0;border:2px solid #0000;border-radius:50%;padding:1px;display:grid}.chip.on{border-color:var(--accent);opacity:1}.catalog-grid{--card-w:96px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;display:grid}.catalog-card{flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.catalog-name{text-align:center;color:var(--dim);font-size:11px;line-height:1.2}.copies{background:var(--accent);color:#06121f;border-radius:10px;padding:0 7px;font-size:12px;font-weight:800;position:absolute;top:-6px;right:2px}.deck-panel{border-left:1px solid var(--line);border-right:1px solid var(--line);flex-direction:column;gap:8px;display:flex}.tabs{align-self:stretch}.tabs button{flex:1}.deck-rows{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.deck-type{color:var(--accent);margin-top:6px;font-size:12px;font-weight:700}.deck-row{align-items:center;gap:6px;font-size:13px;display:flex}.deck-count{text-align:center;min-width:14px}.deck-cost{align-items:center;gap:1px;min-width:46px;font-weight:700;display:inline-flex}.deck-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.curve{align-items:flex-end;gap:4px;height:70px;padding-top:6px;display:flex}.curve-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:2px;height:100%;display:flex}.curve-bar span{background:linear-gradient(180deg, var(--accent), #2a5fa8);border-radius:3px 3px 0 0;width:100%;min-height:1px}.curve-bar small{color:var(--dim);font-size:10px}.deck-check p{margin:2px 0;font-size:12px}.deck-check.ok{color:var(--ok)}.deck-check .error{color:#ff8787}.deck-preview{--card-w:min(240px, calc(100% - 4px))}.deck-list{flex-direction:column;gap:6px;display:flex}.deck-item{text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);font:inherit;cursor:pointer;align-items:center;gap:10px;padding:8px 10px;display:flex}.deck-item:hover{border-color:var(--accent)}.modal.wide{width:min(760px,100vw - 24px)}.deck-text-area{background:var(--bg-2);width:100%;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);resize:vertical;padding:8px;font:12px/1.4 ui-monospace,monospace}.share-link{background:var(--bg-2);width:100%;color:var(--dim);border:1px solid var(--line);border-radius:var(--radius);padding:6px 8px;font-size:11px}@media (width<=900px){.deck-body,.deck-body.list{grid-template-rows:auto auto;grid-template-columns:1fr;overflow-y:auto}.deck-body>*{overflow:visible}.deck-preview{display:none}.deck-panel{border:0;border-top:1px solid var(--line)}.catalog-grid{--card-w:72px;grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}.replay-bar{border:1px solid var(--accent-2);background:#18223af5;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;display:flex}.replay-title{color:var(--accent-2);font-family:Cinzel,serif}.replay-slider{width:180px;accent-color:var(--accent-2)}.replay-pos{font-variant-numeric:tabular-nums;color:var(--dim);font-size:12px}.replay-viewer select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:3px 6px}.replay-warning{color:var(--gold);flex-basis:100%;margin:0;font-size:12px}.lobby-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.replay-open{align-items:center;display:inline-flex}.pile.ready .card{box-shadow:0 0 0 2px var(--ok), 0 0 10px var(--ok)}.coach-ring{z-index:140;pointer-events:none;border:2px solid var(--gold);border-radius:12px;transition:left .2s,top .2s,width .2s,height .2s;animation:1.4s ease-in-out infinite coach-pulse;position:fixed;box-shadow:0 0 18px #f0b84ab3}.coach-ring.dim{animation:none;box-shadow:0 0 18px #f0b84ab3,0 0 0 200vmax #03050873}@keyframes coach-pulse{50%{box-shadow:0 0 30px #f0b84a}}.coach{z-index:150;color:var(--text);max-height:calc(var(--app-h) - 16px);background:#161d27;border:1px solid #f0b84a8c;border-radius:14px;flex-direction:column;gap:10px;padding:12px 14px;font-size:.875rem;line-height:1.45;transition:left .2s,top .2s;display:flex;position:fixed;overflow-y:auto;box-shadow:0 16px 48px #000000a6}.coach.done{border-color:var(--ok)}.coach-head{text-transform:uppercase;letter-spacing:1px;color:var(--gold);justify-content:space-between;gap:8px;font-size:.6875rem;display:flex}.coach-count{color:var(--dim)}.coach-text strong{color:#ffe2a3}.coach-text svg,.coach-tip svg{vertical-align:-3px}.coach-tip{border-left:3px solid var(--accent);background:#4db6ff1a;border-radius:8px;padding:8px 10px;font-size:.8125rem}.coach-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.coach-spacer{flex:1}.coach-next{min-width:90px}.coach-reopen{z-index:150;left:calc(var(--safe-left) + 12px);top:calc(var(--safe-top) + 12px);color:var(--gold);cursor:pointer;background:#161d27;border:1px solid #f0b84a8c;border-radius:16px;padding:6px 12px;position:fixed}@media (height<=560px){.coach{gap:6px;padding:9px 11px;font-size:.8125rem}}.tutorial-menu .lobby-head h1{letter-spacing:3px;font-size:2.75rem}.lesson-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.lesson-tile{text-align:left;border:2px solid var(--line);width:100%;height:100%;color:var(--text);cursor:pointer;background:#151c26;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;transition:border-color .15s,transform .15s;display:flex}.lesson-tile:hover{border-color:#f0b84a80;transform:translateY(-2px)}.lesson-tile.current{border-color:var(--gold)}.lesson-num{background:#ffffff14;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.lesson-tile.done .lesson-num{background:var(--ok);color:#0c1a12}.lesson-body{flex-direction:column;gap:4px;display:flex}.lesson-title{font-weight:700}.lesson-badge{color:var(--gold);background:#f0b84a2e;border-radius:6px;margin-left:8px;padding:1px 6px;font-size:.6875rem;font-weight:500}.lesson-summary{color:var(--dim);font-size:.8125rem}.tutorial-menu .btn.small.ghost{align-self:center}.online-actions{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.online-card{border:1px solid var(--line);border-radius:var(--radius);background:#18223a99;flex-direction:column;gap:8px;padding:12px;display:flex}.online-card h3{margin:0;font-family:Cinzel,serif}.online-card .seg{flex-wrap:wrap}.online-field{align-items:center;gap:10px;display:flex}.code-input{letter-spacing:6px;text-align:center;text-transform:uppercase;font-size:22px}.online-waiting{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.room-code{letter-spacing:8px;color:var(--gold);font-family:ui-monospace,monospace;font-size:40px}.waiting-dots:after{content:"…";animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.2}}.online-status{align-items:center;gap:10px;font-size:12px;display:flex}.clock{background:var(--panel);color:var(--dim);border-radius:6px;padding:2px 8px;position:relative;overflow:hidden}.clock.mine{color:var(--text);border:1px solid var(--accent)}.clock.rope{color:#ffd6d6;border-color:var(--danger)}.rope-bar{background:var(--danger);height:3px;transition:width .25s linear;position:absolute;bottom:0;left:0}.card-details{flex-direction:column;gap:4px;width:100%;max-width:260px;font-size:13px;display:flex}.details-title{align-items:center;gap:6px;font-weight:700;display:flex}.details-cost{align-items:center;gap:2px;display:inline-flex}.details-name{font-family:Cinzel,serif}.details-type{color:var(--dim);font-size:12px}.details-marks{flex-wrap:wrap;gap:4px;display:flex}.mark{background:var(--panel-2);border-radius:4px;padding:1px 6px;font-size:11px}.mark.ex{background:var(--gold);color:#2a1d00;font-weight:700}.mark.lb{background:#7a2d2d}.details-text{border:1px solid var(--line);background:#ffffff0a;border-radius:6px;padding:6px 8px;line-height:1.4}.details-text .card-text-p{margin:0 0 4px}.details-code{color:var(--dim);text-align:right;font-size:11px}.side-panel .preview{--card-w:min(200px, calc(100% - 4px));max-height:64dvh;overflow-y:auto}.touch-preview .preview{max-height:calc(var(--app-h) - 32px);overflow-y:auto}@media (height<=560px){.deck-art{height:60px}}.term{font:inherit;line-height:inherit;text-align:inherit;color:var(--accent);text-underline-offset:3px;cursor:help;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline}.term:has(>svg,>.ex-burst){border-bottom:1px dotted var(--accent);text-decoration:none}.term[aria-expanded=true]{background:#6cc3ff2e;border-radius:3px}.term:focus-visible{outline:1px solid var(--accent);border-radius:3px}.term-tip{z-index:200;border:1px solid var(--accent);width:max-content;max-width:min(320px,100vw - 16px);color:var(--text);text-align:left;background:#161d27;border-radius:10px;flex-direction:column;gap:6px;padding:8px 10px;font-size:13px;font-style:normal;font-weight:400;line-height:1.45;display:flex;position:fixed;box-shadow:0 10px 30px #0009}.term-tip svg{vertical-align:-3px}.term-tip-more{align-self:flex-end}.modal.glossary{width:min(720px,100vw - 24px);overflow:hidden}.glossary-search{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);color:var(--text);font:inherit;padding:7px 10px}.glossary-list{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow-y:auto}.glossary-list h3{color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin:0 0 6px;font-size:12px}.glossary-list dl{flex-direction:column;gap:6px;margin:0;display:flex}.glossary-entry{border-left:2px solid var(--line);border-radius:4px;padding:6px 8px}.glossary-entry.focus{border-left-color:var(--gold);background:#e6c36a1a}.glossary-entry dt{font-weight:700}.glossary-entry dt svg,.glossary-entry dd svg{vertical-align:-3px}.glossary-entry dd{margin:2px 0 0;line-height:1.45}