.kj-board{--kj-gold: #eab308;--kj-gold-soft: #fde68a;--kj-a: #38bdf8;--kj-b: #f472b6;--kj-king: #fbbf24;--kj-guard: #94a3b8;--kj-wizard: #a78bfa;--kj-jester: #34d399;--kj-bg: #0f172a;--kj-panel: #1e293b;--kj-panel2: #273449;--kj-text: #e2e8f0;--kj-dim: #94a3b8;color:var(--kj-text);display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:760px;margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Noto Sans TC,sans-serif}.kj-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.kj-title{font-size:1.25rem;font-weight:800;letter-spacing:.04em}.kj-emoji{font-size:1.4rem}.kj-status{display:flex;flex-wrap:wrap;gap:.35rem}.kj-badge{background:var(--kj-panel);border:1px solid #334155;border-radius:999px;padding:.2rem .6rem;font-size:.78rem;white-space:nowrap}.kj-badge-think{background:#422006;border-color:var(--kj-gold);color:var(--kj-gold-soft)}.kj-badge-over{background:#052e16;border-color:#16a34a}.kj-badge-dim{color:var(--kj-dim)}.kj-badge-little{background:#3b0764;border-color:var(--kj-wizard)}.kj-track-wrap{background:var(--kj-panel);border:1px solid #334155;border-radius:14px;padding:.6rem}.kj-track-labels{display:flex;justify-content:space-between;font-size:.78rem;margin-bottom:.35rem}.kj-side-A{color:var(--kj-a);font-weight:700}.kj-side-B{color:var(--kj-b);font-weight:700}.kj-track{display:grid;grid-template-columns:repeat(17,1fr);gap:2px}.kj-cell{position:relative;aspect-ratio:1 / 1.5;min-height:44px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:2px;font-size:.7rem;overflow:hidden}.kj-cell-index{position:absolute;top:1px;left:2px;font-size:.55rem;color:#fff6}.kj-cell-chateauA{background:linear-gradient(180deg,#38bdf859,#38bdf81f);border:1px solid var(--kj-a)}.kj-cell-chateauB{background:linear-gradient(180deg,#f472b659,#f472b61f);border:1px solid var(--kj-b)}.kj-cell-fountain{background:linear-gradient(180deg,#94a3b84d,#94a3b814);border:1px solid #64748b}.kj-cell-duchyA{background:#38bdf814;border:1px solid #1e3a5f}.kj-cell-duchyB{background:#f472b614;border:1px solid #5f1e44}.kj-fountain,.kj-chateau-mark{position:absolute;top:2px;right:2px;font-size:.8rem;opacity:.85}.kj-crown{position:absolute;top:1px;left:50%;transform:translate(-50%);font-size:1rem;filter:drop-shadow(0 0 4px var(--kj-gold));animation:kj-bob 1.4s ease-in-out infinite}@keyframes kj-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-2px)}}.kj-pawns{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;z-index:1}.kj-pawn{font-size:1.05rem;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.kj-crownbar{display:flex;align-items:center;justify-content:space-between;background:var(--kj-panel2);border:1px solid #334155;border-radius:12px;padding:.45rem .8rem;gap:.5rem}.kj-crown-side{display:flex;flex-direction:column;font-size:.8rem}.kj-crown-side-right{text-align:right}.kj-crown-dist{color:var(--kj-gold-soft);font-weight:700}.kj-crown-token{font-size:1.6rem;filter:drop-shadow(0 0 6px var(--kj-gold))}.kj-controls,.kj-waiting,.kj-gameover{background:var(--kj-panel);border:1px solid #334155;border-radius:14px;padding:.8rem}.kj-waiting{text-align:center;font-weight:600;color:var(--kj-gold-soft)}.kj-handoff{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;padding:.4rem}.kj-handoff-msg{color:var(--kj-gold-soft);font-weight:600}.kj-pawn{position:relative}.kj-pawn-badge{position:absolute;bottom:-2px;right:-4px;font-size:.5rem;font-weight:800;line-height:1;color:#0b1220;background:var(--kj-guard);border-radius:999px;padding:0 2px}.kj-section-title{font-size:.9rem;font-weight:700;margin-bottom:.5rem}.kj-subtitle{font-size:.82rem;color:var(--kj-dim);align-self:center}.kj-action-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;align-items:center}.kj-btn{border:1px solid #475569;background:var(--kj-panel2);color:var(--kj-text);border-radius:10px;padding:.5rem .8rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:transform .08s ease,filter .12s ease,background .12s ease;min-height:40px}.kj-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.kj-btn:active:not(:disabled){transform:translateY(0)}.kj-btn:disabled{opacity:.4;cursor:not-allowed}.kj-btn-primary{background:var(--kj-gold);color:#1a1505;border-color:var(--kj-gold-soft)}.kj-btn-ghost{background:transparent}.kj-btn-choice{background:#312e0a;border-color:var(--kj-gold)}.kj-btn.pawn-king{border-color:var(--kj-king)}.kj-btn.pawn-guard{border-color:var(--kj-guard)}.kj-btn.pawn-wizard{border-color:var(--kj-wizard)}.kj-btn.pawn-jester{border-color:var(--kj-jester)}.kj-builder{display:flex;flex-direction:column;gap:.6rem}.kj-built-steps{display:flex;flex-wrap:wrap;gap:.35rem;min-height:1.6rem}.kj-step-chip{background:#1a2235;border:1px solid var(--kj-gold);border-radius:8px;padding:.2rem .5rem;font-size:.78rem}.kj-hint{color:var(--kj-dim);font-size:.8rem;font-style:italic}.kj-choices{display:flex;flex-wrap:wrap;gap:.45rem}.kj-builder-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}.kj-gameover{text-align:center;display:flex;flex-direction:column;gap:.6rem;align-items:center}.kj-winline{font-size:1.3rem;font-weight:800;color:var(--kj-gold-soft)}.kj-hand{background:var(--kj-panel);border:1px solid #334155;border-radius:14px;padding:.8rem}.kj-hand-hidden{color:var(--kj-dim);font-size:.85rem;font-style:italic}.kj-hand-cards{display:flex;flex-wrap:wrap;gap:.6rem}.kj-hand-group{background:var(--kj-panel2);border:1px solid #475569;border-radius:10px;padding:.4rem .55rem;border-left-width:4px}.kj-hand-group.pawn-king{border-left-color:var(--kj-king)}.kj-hand-group.pawn-guard{border-left-color:var(--kj-guard)}.kj-hand-group.pawn-wizard{border-left-color:var(--kj-wizard)}.kj-hand-group.pawn-jester{border-left-color:var(--kj-jester)}.kj-hand-group-title{font-size:.82rem;font-weight:700;margin-bottom:.3rem}.kj-hand-faces{display:flex;flex-wrap:wrap;gap:.3rem}.kj-card-face{display:inline-flex;align-items:center;justify-content:center;min-width:1.7rem;height:2.2rem;background:#0b1220;border:1px solid #475569;border-radius:6px;font-size:.82rem;font-weight:700;padding:0 .25rem}.kj-log{background:var(--kj-panel);border:1px solid #334155;border-radius:14px;padding:.6rem .8rem}.kj-log-lines{display:flex;flex-direction:column-reverse;gap:.2rem;max-height:160px;overflow-y:auto;font-size:.78rem;color:var(--kj-dim)}.kj-log-line{border-bottom:1px solid rgba(148,163,184,.12);padding-bottom:.18rem;line-height:1.35}.kj-log-line:first-child{color:var(--kj-text)}.kj-log-empty{color:var(--kj-dim);font-style:italic}.kj-legend{display:flex;flex-wrap:wrap;gap:.7rem;font-size:.78rem;color:var(--kj-dim);justify-content:center;padding:.2rem 0}.kj-legend-item{display:inline-flex;align-items:center;gap:.25rem}@media (min-width: 560px){.kj-cell{min-height:56px;font-size:.78rem}.kj-pawn{font-size:1.2rem}.kj-title{font-size:1.45rem}}.kj-preview-track{width:100%}.kj-track-mini{display:grid;grid-template-columns:repeat(17,minmax(26px,1fr));gap:2px;width:100%;max-width:680px;margin:0 auto}.kj-cell-mini{aspect-ratio:1 / 1.4;min-height:40px;border-radius:5px;padding-bottom:1px;font-size:.62rem}.kj-cell-mini .kj-cell-index{font-size:.5rem}.kj-cell-mini .kj-fountain,.kj-cell-mini .kj-chateau-mark{font-size:.72rem}.kj-cell-mini .kj-pawn{font-size:1.2rem;filter:none}.kj-cell-mini .kj-pawn-badge{font-size:.5rem}.kj-crown-static{animation:none;font-size:1rem}.pe-board{--pe-accent: #06b6d4;--pe-bg: #0f172a;--pe-panel: #1e293b;--pe-panel-2: #273449;--pe-text: #e2e8f0;--pe-muted: #94a3b8;--pe-danger: #ef4444;--pe-happy: #f59e0b;color:var(--pe-text);display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:760px;margin:0 auto;font-size:15px}.pe-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:var(--pe-panel);border-radius:12px}.pe-header h2{margin:0;font-size:1.1rem;display:flex;align-items:center;gap:.4rem}.pe-turn-badge{background:var(--pe-accent);color:#04222a;font-weight:700;padding:.25rem .6rem;border-radius:999px;font-size:.85rem}.pe-players{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pe-player{background:var(--pe-panel);border:2px solid transparent;border-radius:12px;padding:.6rem;display:flex;flex-direction:column;gap:.4rem;transition:border-color .2s}.pe-player.is-active{border-color:var(--pe-accent);box-shadow:0 0 0 1px var(--pe-accent) inset}.pe-player.is-eliminated{opacity:.45;filter:grayscale(.6)}.pe-player.is-target{border-color:var(--pe-happy);cursor:pointer}.pe-player-top{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.pe-player-name{font-weight:700;display:flex;align-items:center;gap:.3rem}.pe-kind-tag{font-size:.7rem;background:var(--pe-panel-2);color:var(--pe-muted);padding:.05rem .4rem;border-radius:6px}.pe-counts{display:flex;gap:.5rem;font-size:.85rem}.pe-count-happy{color:var(--pe-happy)}.pe-count-explode{color:var(--pe-danger)}.pe-pigeon{display:flex;align-items:center;gap:.4rem;background:var(--pe-panel-2);border-radius:8px;padding:.35rem .5rem}.pe-pigeon-emoji{font-size:1.4rem}.pe-pigeon-info{display:flex;flex-direction:column;line-height:1.15}.pe-pigeon-name{font-weight:700;font-size:.9rem}.pe-pigeon-ability{font-size:.72rem;color:var(--pe-muted)}.pe-food-row{display:flex;flex-wrap:wrap;gap:.25rem;min-height:1.6rem;align-items:center}.pe-food{border-radius:6px;padding:.1rem .35rem;font-size:.72rem;font-weight:700;color:#0b1220;white-space:nowrap;border:1px solid rgba(0,0,0,.25);font-family:inherit;line-height:inherit}button.pe-food{cursor:pointer}.pe-food.clickable{cursor:pointer;outline:2px solid var(--pe-happy)}.pe-food.clickable:focus-visible{outline:3px solid var(--pe-accent);outline-offset:1px}.pe-player.is-target:focus-visible{outline:3px solid var(--pe-accent);outline-offset:2px}.pe-food-green{background:#86efac}.pe-food-orange{background:#fdba74}.pe-food-yellow{background:#fde047}.pe-food-pink{background:#f9a8d4}.pe-food-purple{background:#c4b5fd}.pe-food-gray{background:#cbd5e1}.pe-food-brown{background:#d6b08c}.pe-food-teal{background:#5eead4}.pe-food-stats{font-size:.72rem;color:var(--pe-muted)}.pe-food-stats .danger{color:var(--pe-danger);font-weight:700}.pe-hand-area{background:var(--pe-panel);border-radius:12px;padding:.6rem;display:flex;flex-direction:column;gap:.5rem}.pe-hand-title{font-weight:700;font-size:.95rem}.pe-hand{display:flex;flex-wrap:wrap;gap:.55rem}.pe-card{border:none;border-radius:12px;padding:.55rem .6rem;width:158px;min-height:116px;cursor:pointer;background:var(--pe-panel-2);color:var(--pe-text);display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:.3rem;font-size:.82rem;border-left:4px solid var(--pe-muted);transition:transform .12s,box-shadow .12s}.pe-card.is-food{border-left-color:#34d399}.pe-card.is-action{border-left-color:#818cf8}.pe-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000059}.pe-card:disabled{opacity:.4;cursor:not-allowed}.pe-card.selected{box-shadow:0 0 0 2px var(--pe-accent);transform:translateY(-3px)}.pe-card-head{display:flex;align-items:center;gap:.35rem}.pe-card-emoji{font-size:1.35rem}.pe-card-name{font-weight:700;font-size:.95rem}.pe-card-meta{display:flex;align-items:center;gap:.3rem;color:var(--pe-muted);font-size:.74rem;font-weight:700}.pe-food-dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;border:1px solid rgba(0,0,0,.3)}.pe-card-effect{font-size:.74rem;line-height:1.25;color:var(--pe-text);opacity:.92}.pe-card-sub{color:var(--pe-muted);font-size:.7rem}.pe-card.instant .pe-card-name:after{content:" !";color:var(--pe-happy)}.pe-decks{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.45rem .7rem;background:var(--pe-panel);border-radius:12px}.pe-decks-label{font-weight:800;color:var(--pe-muted);font-size:.85rem}.pe-deck{display:flex;align-items:center;gap:.45rem;background:var(--pe-panel-2);border-radius:10px;padding:.35rem .6rem;border-left:4px solid var(--pe-muted)}.pe-deck-search{border-left-color:var(--pe-accent)}.pe-deck-explosion{border-left-color:var(--pe-danger)}.pe-deck-icon{font-size:1.3rem}.pe-deck-info{display:flex;flex-direction:column;line-height:1.2}.pe-deck-name{font-weight:700;font-size:.82rem}.pe-deck-count{font-size:.76rem;color:var(--pe-muted)}.pe-deck-count b{color:var(--pe-text)}.pe-actions{display:flex;flex-wrap:wrap;gap:.5rem}.pe-btn{border:none;border-radius:10px;padding:.55rem .9rem;font-weight:700;cursor:pointer;font-size:.9rem}.pe-btn-primary{background:var(--pe-accent);color:#04222a}.pe-btn-ghost{background:var(--pe-panel-2);color:var(--pe-text)}.pe-btn-danger{background:var(--pe-danger);color:#fff}.pe-btn:disabled{opacity:.4;cursor:not-allowed}.pe-hint{font-size:.82rem;color:var(--pe-muted);min-height:1.1rem}.pe-hint.prompt{color:var(--pe-happy);font-weight:700}.pe-log{background:var(--pe-panel);border-radius:12px;padding:.5rem .7rem;max-height:110px;overflow-y:auto;font-size:.78rem;color:var(--pe-muted);display:flex;flex-direction:column-reverse;gap:.15rem}.pe-curtain{background:var(--pe-panel);border-radius:12px;padding:2rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.pe-curtain h3{margin:0;font-size:1.3rem}.pe-curtain .big{font-size:3rem}.pe-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b8;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.pe-modal{background:var(--pe-panel);border-radius:16px;padding:1.25rem;max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;gap:.8rem}.pe-modal h3{margin:0}.pe-modal .choices{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.pe-winner{font-size:1.4rem;font-weight:800;color:var(--pe-happy)}.pep-board{display:flex;flex-direction:column;gap:.4rem;font-size:13px;color:#e2e8f0}.pep-pigeon{background:#273449;border:1px solid rgba(148,163,184,.25);border-radius:10px;padding:.4rem .5rem;display:flex;flex-direction:column;gap:.3rem}.pep-pigeon.is-eliminated{opacity:.5;filter:grayscale(.6)}.pep-after .pep-pigeon{background:#2a3a4f}.pep-pigeon-head{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.pep-pigeon-emoji{font-size:1.2rem}.pep-pigeon-name{font-weight:700;font-size:.8rem;display:flex;align-items:center;gap:.25rem}.pep-role-tag{font-size:.62rem;font-weight:700;background:#0f172a;color:#94a3b8;border-radius:5px;padding:.02rem .3rem}.pep-badges{margin-left:auto;display:flex;gap:.35rem;font-size:.72rem;font-weight:700}.pep-badge-happy{color:#f59e0b}.pep-badge-explode{color:#ef4444}.pep-pigeon-kind{font-size:.72rem;color:#94a3b8;font-weight:700}.pep-food-row{display:flex;flex-wrap:wrap;gap:.2rem;min-height:1.3rem;align-items:center}.pep-empty{font-size:.7rem;color:#94a3b8}.pep-food{border-radius:5px;padding:.05rem .3rem;font-size:.68rem;font-weight:700;color:#0b1220;white-space:nowrap;border:1px solid rgba(0,0,0,.25)}.pep-food-green{background:#86efac}.pep-food-orange{background:#fdba74}.pep-food-yellow{background:#fde047}.pep-food-pink{background:#f9a8d4}.pep-food-purple{background:#c4b5fd}.pep-food-gray{background:#cbd5e1}.pep-food-brown{background:#d6b08c}.pep-food-teal{background:#5eead4}.pep-stats{font-size:.7rem;color:#94a3b8}.pep-stats b{color:#e2e8f0}.pep-stats .danger{color:#ef4444;font-weight:700}:root{--bg: #0f172a;--bg-soft: #1e293b;--bg-card: #1e293bcc;--fg: #e2e8f0;--muted: #94a3b8;--border: #334155;--accent: #7c3aed;--danger: #ef4444;--good: #22c55e;--radius: 14px;--shadow: 0 8px 30px rgba(0, 0, 0, .35);font-family:Noto Sans TC,system-ui,-apple-system,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 70% -10%,#312e81 0%,transparent 55%),radial-gradient(900px 700px at -10% 110%,#155e75 0%,transparent 50%),var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.centered-message{display:grid;place-content:center;gap:1rem;height:100%;text-align:center}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.85rem 1.4rem;font-size:1.05rem;font-weight:700;box-shadow:var(--shadow);transition:transform .1s ease,filter .15s ease}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:active{transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:.45rem .8rem;transition:background .15s ease,border-color .15s ease}.btn-ghost:hover{background:#ffffff14;border-color:var(--accent)}.lobby{max-width:1000px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 1.25rem 3rem}.lobby__header{text-align:center;margin-bottom:2rem}.lobby__title{font-size:clamp(2rem,6vw,3rem);margin:0;letter-spacing:.04em}.lobby__logo{color:var(--accent);margin-right:.4rem}.lobby__subtitle{color:var(--muted);margin:.5rem 0 0}.game-grid{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.game-card{--accent: var(--accent);width:100%;text-align:left;display:grid;gap:.6rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;color:var(--fg);transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--accent)}.game-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow)}.game-card__emoji{font-size:2.4rem}.game-card__names{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.game-card__zh{font-size:1.4rem;font-weight:700}.game-card__en{color:var(--muted);font-size:.85rem}.game-card__desc{color:var(--muted);font-size:.92rem;line-height:1.5}.game-card__meta{display:flex;gap:1rem;flex-wrap:wrap;color:var(--fg);font-size:.85rem;opacity:.85}.lobby__footer{text-align:center;color:var(--muted);margin-top:2.5rem;font-size:.85rem}.setup{max-width:540px;margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem) 1.25rem;display:grid;gap:1.3rem}.setup__header{display:flex;align-items:center;gap:1rem}.setup__header h2{margin:0}.setup__desc{color:var(--muted);margin:0;line-height:1.6}.setup__field{display:grid;gap:.5rem}.setup__label{color:var(--muted);font-size:.9rem}.seat-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.seat{display:flex;gap:.75rem;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:.6rem .75rem}.seat__name{flex:1;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--fg);font-size:1rem;padding:.3rem .2rem}.seat__name:focus{outline:none;border-bottom-color:var(--accent)}.seg{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden}.seg__item{background:transparent;color:var(--muted);border:none;padding:.5rem .85rem;font-size:.95rem}.seg--small .seg__item{padding:.4rem .6rem;font-size:.85rem}.seg__item--active{background:var(--accent);color:#fff}.seg__item:disabled{opacity:.4;cursor:not-allowed}.game-view{display:flex;flex-direction:column;height:100%}.game-bar{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;border-bottom:1px solid var(--border);background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10;flex-wrap:wrap}.game-bar__title{font-weight:700}.game-bar__status{flex:1;text-align:center;color:var(--muted)}.game-bar__winner{color:var(--good);font-size:1.05rem}.game-bar__actions{display:flex;gap:.5rem}.game-stage{flex:1;padding:1rem;overflow:auto}.thinking-dot{color:var(--accent)}.stub-board{display:grid;place-content:center;gap:.75rem;text-align:center;height:100%;color:var(--muted)}.setup__codex-btn{justify-self:start}.codex-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#020617b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:clamp(.5rem,3vw,2rem)}.codex-panel{width:min(960px,100%);max-height:90vh;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.codex-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg)}.codex-header h2{margin:0;font-size:1.2rem}.codex-body{overflow-y:auto;padding:1.25rem;display:grid;gap:1.5rem}.codex-intro,.codex-empty{margin:0;color:var(--muted);line-height:1.6}.codex-empty{padding:2rem 1.25rem;text-align:center}.codex-section__title{margin:0 0 .25rem;font-size:1.05rem;padding-left:.6rem;border-left:3px solid var(--accent)}.codex-section__blurb{margin:0 0 .75rem;color:var(--muted);font-size:.9rem;line-height:1.5}.codex-grid{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.codex-card{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--card-accent, var(--accent));border-radius:10px;padding:.75rem .85rem;display:grid;gap:.45rem}.codex-card__head{display:flex;align-items:center;gap:.5rem}.codex-card__icon{font-size:1.5rem;line-height:1}.codex-card__names{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.codex-card__name{font-weight:700}.codex-card__en{font-size:.75rem;color:var(--muted)}.codex-card__meta{font-size:.78rem;color:var(--fg);opacity:.85}.codex-card__effect{margin:0;font-size:.86rem;line-height:1.55;color:var(--muted)}.codex-card--open{grid-column:1 / -1}.codex-preview__toggle{align-self:start;background:transparent;color:var(--card-accent, var(--accent));border:1px solid var(--border);border-radius:8px;padding:.3rem .6rem;font-size:.8rem}.codex-preview__toggle:hover{background:#ffffff10}.codex-preview{margin-top:.4rem;padding-top:.6rem;border-top:1px dashed var(--border);display:grid;gap:.5rem}.codex-preview__caption{font-size:.78rem;color:var(--muted)}.codex-preview__panes{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:.5rem 1rem}.codex-preview__pane{flex:1 1 auto;display:grid;gap:.25rem;justify-items:center}.codex-preview__label{font-size:.72rem;color:var(--muted);letter-spacing:.05em}.codex-preview__arrow{display:flex;align-items:center;font-size:1.1rem}.codex-preview__log{list-style:none;margin:0;padding:.4rem .55rem;display:grid;gap:.25rem;background:#ffffff0a;border-radius:8px;font-size:.8rem;line-height:1.5;color:var(--fg)}.codex-preview__error{font-size:.8rem;color:var(--muted)}