*{box-sizing:border-box}html,body,#root{background:#10131a;width:100%;height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}canvas{touch-action:none;display:block}:root{--gold:#c9a24a;--gold-bright:#eccb78;--gold-dim:#8a6a22;--gold-line:#c9a24a80;--emerald:#1f5138;--emerald-deep:#0c2118;--emerald-bright:#2f7a52;--panel-1:#122119f2;--panel-2:#08110cf7;--ink:#ece3cf;--ink-dim:#a99f86;--display:"Cinzel", "Trajan Pro", Georgia, serif;--serif:"EB Garamond", Georgia, "Times New Roman", serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;--control-sm:30px;--control-md:38px;--control-lg:46px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--text-xs:14px;--text-sm:14px;--text-md:15px;--text-lg:18px;--focus-ring:0 0 0 2px #eccb78a6;--shadow-panel:0 10px 34px #0009;--ease:.15s ease}.app{background:radial-gradient(120% 100% at 50% 0,#0b1f16 0%,#07120c 55%,#040805 100%);position:fixed;inset:0;overflow:hidden}.music-toggle{left:var(--space-4);bottom:var(--space-4);z-index:50;border-radius:var(--radius-pill);border:1px solid var(--gold-line);width:42px;height:42px;color:var(--gold-bright);cursor:pointer;transition:color var(--ease), border-color var(--ease), box-shadow var(--ease), transform var(--ease);background:linear-gradient(#142c1fe6,#07110beb);justify-content:center;align-items:center;display:inline-flex;position:fixed;box-shadow:0 4px 14px #00000080}.music-toggle:hover{color:#fff3d6;border-color:var(--gold);transform:translateY(-1px);box-shadow:0 6px 18px #0000008c,0 0 14px #78e6af40}.music-toggle.off{color:var(--ink-dim)}.fs-toggle{left:calc(var(--space-4) + 50px);bottom:var(--space-4);z-index:50;border-radius:var(--radius-pill);border:1px solid var(--gold-line);width:42px;height:42px;color:var(--gold-bright);cursor:pointer;transition:color var(--ease), border-color var(--ease), box-shadow var(--ease), transform var(--ease);background:linear-gradient(#142c1fe6,#07110beb);justify-content:center;align-items:center;display:inline-flex;position:fixed;box-shadow:0 4px 14px #00000080}.fs-toggle:hover{color:#fff3d6;border-color:var(--gold);transform:translateY(-1px);box-shadow:0 6px 18px #0000008c,0 0 14px #78e6af40}.brand{top:var(--space-4);left:var(--space-5);font-family:var(--display);letter-spacing:1px;color:var(--gold-bright);text-shadow:0 2px 6px #000000b3;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:26px;font-weight:700;line-height:1;position:absolute}.brand span{color:var(--gold)}.brand em{font-family:var(--serif);font-size:var(--text-xs);letter-spacing:3px;text-transform:uppercase;color:var(--ink-dim);margin-top:var(--space-1);font-style:normal;display:block}.hud{pointer-events:none;font-family:var(--serif);color:var(--ink);position:absolute;inset:0}.hud button,.hud select,.hud .info{pointer-events:auto}.hud-top,.hud-bottom,.combat-toast,.combat-roll,.winner{background:linear-gradient(180deg, var(--panel-1), var(--panel-2));border:1px solid var(--gold-line);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-panel), inset 0 1px 0 #ffe8af1a;position:absolute}.hud-top:before,.hud-bottom:before,.combat-toast:before,.combat-roll:before,.winner:before{content:"";inset:var(--space-1);border-radius:var(--radius-sm);pointer-events:none;border:1px solid #c9a24a42;position:absolute}.btn,.hud .primary,.hud .ghost,.unit-actions button,.seg,.winner button{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-4);border-radius:var(--radius-sm);font-family:var(--display);font-size:var(--text-sm);letter-spacing:.5px;white-space:nowrap;cursor:pointer;transition:background var(--ease), color var(--ease), border-color var(--ease), filter var(--ease), box-shadow var(--ease), transform 50ms ease;border:1px solid #0000;display:inline-flex}.hud .primary:focus-visible,.hud .ghost:focus-visible,.unit-actions button:focus-visible,.seg:focus-visible,.winner button:focus-visible,.info:focus-visible{box-shadow:var(--focus-ring);outline:none}.hud .primary,.winner button{text-transform:uppercase;color:#2a1c06;background:linear-gradient(180deg, var(--gold-bright), var(--gold) 55%, var(--gold-dim));border-color:#f3d590;font-weight:700;box-shadow:0 3px #5e4715,0 6px 14px #00000080}.hud .primary:hover,.winner button:hover{filter:brightness(1.1)}.hud .primary:active,.winner button:active{transform:translateY(2px);box-shadow:0 1px #5e4715,0 3px 8px #00000080}.hud .primary:disabled,.winner button:disabled{cursor:not-allowed;filter:grayscale(.55)brightness(.72);box-shadow:0 2px #3a2c0d,0 4px 10px #0006}.hud .primary:disabled:hover{filter:grayscale(.55)brightness(.72)}.hud .primary:disabled:active{transform:none}.hud .ghost,.unit-actions button{color:var(--gold-bright);border-color:var(--gold-line);background:linear-gradient(#3c301a99,#1c160cb3)}.hud-top .ghost:hover,.unit-actions button:hover{color:#fff3d6;border-color:var(--gold);background:linear-gradient(#5a4826d9,#302614e6)}.segmented{height:var(--control-md);padding:var(--space-1);align-items:center;gap:var(--space-1);border:1px solid var(--gold-line);border-radius:var(--radius-md);background:#00000052;display:inline-flex}.seg{height:100%;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--ink-dim);font-size:var(--text-xs);background:0 0;border:none;gap:0}.seg:hover{color:var(--gold-bright)}.seg.active{color:#2a1c06;background:linear-gradient(180deg, var(--gold-bright), var(--gold-dim))}.team-picker{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.team-swatch{align-items:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-3);border:1px solid var(--gold-line);border-radius:var(--radius-sm);color:var(--ink-dim);text-align:left;transition:border-color var(--ease), box-shadow var(--ease), color var(--ease), background var(--ease);background:#00000052;display:flex}.team-swatch:hover{color:var(--ink);border-color:color-mix(in srgb, var(--team) 55%, var(--gold-line))}.team-swatch.active{color:var(--ink);border-color:var(--team);background:color-mix(in srgb, var(--team) 18%, #00000052);box-shadow:0 0 0 1px var(--team), 0 0 14px color-mix(in srgb, var(--team) 40%, transparent)}.team-dot{width:var(--icon-md);height:var(--icon-md);background:var(--team);box-shadow:inset 0 0 0 1px #00000059, 0 0 8px color-mix(in srgb, var(--team) 60%, transparent);border-radius:50%;flex:none}.team-swatch:not(.active) .team-dot{opacity:.4}.team-name{font-family:var(--display);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;font-weight:700}.team-swatch.locked{cursor:default;opacity:.92}.layout-picker{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.layout-tile{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);border:1px solid var(--gold-line);border-radius:var(--radius-sm);color:var(--ink-dim);transition:border-color var(--ease), box-shadow var(--ease), color var(--ease), background var(--ease);background:#00000052;flex-direction:column;display:flex}.layout-tile:hover{color:var(--ink);border-color:color-mix(in srgb, var(--gold) 55%, var(--gold-line))}.layout-tile.active{color:var(--ink);border-color:var(--gold-bright);background:color-mix(in srgb, var(--gold) 16%, #00000052);box-shadow:0 0 0 1px var(--gold-bright), 0 0 14px color-mix(in srgb, var(--gold) 35%, transparent)}.layout-map{aspect-ratio:1;border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 45%,#282012e6,#0e0b06f2);width:100%;height:auto}.layout-nexus{fill:color-mix(in srgb, var(--gold) 38%, transparent)}.layout-grid line{stroke:#c9a24a47;stroke-width:.05px}.layout-stone{fill:var(--gold-bright);stroke:#00000073;stroke-width:.06px}.layout-random{aspect-ratio:1;border-radius:var(--radius-sm);width:100%;font-family:var(--display);color:var(--gold-bright);background:radial-gradient(circle at 50% 45%,#282012e6,#0e0b06f2);justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;display:flex}.layout-name{font-size:var(--text-xs);letter-spacing:.3px}.server-pill{align-items:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-3);border:1px solid var(--gold-line);border-radius:var(--radius-md);color:var(--ink-dim);font-size:var(--text-sm);background:#00000052;display:inline-flex}.server-pill.online{color:var(--ink)}.server-dot{background:#8a5a3a;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 6px #00000080}.server-pill.online .server-dot{background:#4fd08a;box-shadow:0 0 8px #4fd08ab3}.player-strip{top:var(--space-4);align-items:stretch;gap:var(--space-2);pointer-events:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pstat{align-items:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-3);background:linear-gradient(180deg, var(--panel-1), var(--panel-2));border-radius:var(--radius-sm);box-shadow:var(--shadow-panel);font-family:var(--display);color:var(--ink-dim);transition:border-color var(--ease), box-shadow var(--ease), color var(--ease);border:1px solid #ffffff14;display:inline-flex}.pstat-token{object-fit:contain;filter:drop-shadow(0 1px 2px #0000008c);display:inline-block}.pstat.active{color:var(--ink);border-color:var(--pc);box-shadow:0 0 0 1px var(--pc), 0 0 18px color-mix(in srgb, var(--pc) 45%, transparent)}.pstat-name{font-size:var(--text-xs);letter-spacing:1.5px;text-transform:uppercase;color:var(--pc);font-weight:700}.pstat-metric{font-family:var(--serif);font-size:var(--text-sm);color:var(--ink);padding-left:var(--space-2);border-left:1px solid #ffffff14;align-items:center;gap:4px;display:inline-flex}.pstat-metric svg{color:var(--gold);opacity:.85}.tip{position:relative}.tip:after{content:attr(data-tip);padding:var(--space-1) var(--space-2);background:linear-gradient(180deg, var(--panel-1), var(--panel-2));border:1px solid var(--gold-line);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--serif);font-style:italic;font-size:var(--text-sm);white-space:nowrap;box-shadow:var(--shadow-panel);opacity:0;pointer-events:none;transition:opacity var(--ease), transform var(--ease);z-index:6;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.tip:hover:after{opacity:1;transform:translate(-50%)}.gear{top:var(--space-4);right:var(--space-4);width:var(--control-md);height:var(--control-md);border-radius:var(--radius-sm);border:1px solid var(--gold-line);background:linear-gradient(180deg, var(--panel-1), var(--panel-2));color:var(--gold-bright);font-size:var(--text-sm);cursor:pointer;pointer-events:auto;transition:color var(--ease), border-color var(--ease), transform var(--ease);justify-content:center;align-items:center;display:inline-flex;position:absolute}.gear:hover{color:#fff3d6;border-color:var(--gold)}.gear:hover svg{transition:transform .3s;transform:rotate(30deg)}.gear:focus-visible{box-shadow:var(--focus-ring);outline:none}.turn-chip{align-items:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-4);border-radius:var(--radius-sm);font-family:var(--display);font-weight:700;font-size:var(--text-sm);letter-spacing:1px;text-transform:uppercase;background:#00000059;border:1px solid;display:inline-flex;box-shadow:inset 0 0 12px #00000080}.turn-chip .dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);box-shadow:0 0 8px}.spacer{flex:1}.info{width:var(--icon-md);height:var(--icon-md);border-radius:var(--radius-pill);border:1px solid var(--gold-line);color:var(--gold);font-family:var(--display);font-size:var(--text-xs);cursor:help;-webkit-user-select:none;user-select:none;transition:color var(--ease), border-color var(--ease), box-shadow var(--ease);background:#0000004d;justify-content:center;align-items:center;font-style:italic;font-weight:700;display:inline-flex;position:relative}.info:hover,.info:focus-visible{color:var(--gold-bright);border-color:var(--gold);outline:none}.info .tooltip{bottom:calc(100% + var(--space-2));width:max-content;max-width:300px;padding:var(--space-2) var(--space-3);background:linear-gradient(180deg, var(--panel-1), var(--panel-2));border:1px solid var(--gold-line);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--serif);font-style:italic;font-size:var(--text-sm);box-shadow:var(--shadow-panel);opacity:0;pointer-events:none;transition:opacity var(--ease), transform var(--ease);z-index:5;line-height:1.4;position:absolute;left:50%;transform:translate(-50%,4px)}.info .tooltip:before{content:"";border:var(--space-1) solid transparent;border-top-color:var(--gold-line);position:absolute;top:100%;left:50%;transform:translate(-50%)}.info:hover .tooltip,.info:focus-visible .tooltip{opacity:1;transform:translate(-50%)}.ritual-flag{align-items:center;gap:var(--space-1);height:var(--control-md);padding:0 var(--space-3);border:1px solid var(--gold);border-radius:var(--radius-sm);color:var(--gold-bright);font-family:var(--display);font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;background:#3c2e1080;animation:2s ease-in-out infinite ritual-pulse;display:inline-flex;box-shadow:0 0 14px #c9a24a59}@keyframes ritual-pulse{50%{box-shadow:0 0 22px #eccb7899}}.hud-bottom{bottom:var(--space-5);align-items:center;gap:var(--space-4);width:860px;max-width:96vw;padding:var(--space-3) var(--space-5);display:flex;left:50%;transform:translate(-50%)}.divider{background:var(--gold-line);opacity:.5;align-self:stretch;width:1px}.turn-timer-top{top:calc(var(--space-4) + var(--control-md) + 6px);border-radius:var(--radius-pill);border:1px solid var(--gold-line);pointer-events:none;background:#00000080;width:350px;max-width:64vw;height:5px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.turn-timer-fill{background:linear-gradient(90deg, var(--gold-dim), var(--gold-bright));height:100%;transition:width 1s linear;display:block}.turn-timer-top.low .turn-timer-fill{background:#ff6a5d}.selinfo strong{font-family:var(--display);font-size:var(--text-md);text-transform:uppercase;letter-spacing:1px;color:var(--ink);font-weight:600}.dice{gap:var(--space-2);align-items:center;min-height:48px;display:flex}.selinfo{min-width:168px;font-size:var(--text-md)}.actions:empty{display:none}.selinfo strong{font-size:var(--text-md);letter-spacing:1px;color:var(--ink)}.unit-actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.muted{color:var(--ink-dim)}.combat-toast{top:calc(var(--space-4) + var(--control-md) + var(--space-6));padding:var(--space-2) var(--space-4);font-size:var(--text-md);white-space:nowrap;border-left:3px solid var(--ink-dim);left:50%;transform:translate(-50%)}.combat-toast b{color:var(--gold-bright)}.combat-toast.win{border-left-color:#57e0a2}.combat-toast.lose{border-left-color:#ff6a5d}.combat-toast.draw{border-left-color:var(--gold)}.combat-roll{top:calc(var(--space-4) + var(--control-md) + var(--space-6));align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:3px solid var(--ink-dim);display:flex;left:50%;transform:translate(-50%)}.combat-roll.win{border-top-color:#57e0a2}.combat-roll.lose{border-top-color:#ff6a5d}.combat-roll.draw{border-top-color:var(--gold)}.cr-side{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.cr-name{font-size:var(--text-xs);letter-spacing:.04em;color:var(--ink-dim);text-transform:uppercase}.cr-dice{gap:var(--space-1);display:flex}.cr-total{font-family:var(--display);font-size:var(--text-lg);color:var(--gold-bright);min-height:1.1em;line-height:1}.cr-vs{font-family:var(--display);font-size:var(--text-md);color:var(--ink-dim)}.cr-result{margin-left:var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--gold-line);font-family:var(--display);font-size:var(--text-md);color:var(--ink);white-space:nowrap}.numdie{color:#eef4ff;background:#2f5fb0;border:2px solid #84a6e0;border-radius:9px;place-items:center;font-weight:700;display:grid;box-shadow:0 2px 4px #0006}.winner{z-index:30;align-items:center;gap:var(--space-4);padding:var(--space-8) calc(var(--space-8) * 2);border-width:2px;border-color:var(--accent,var(--gold));box-shadow:0 20px 60px #000000b3, 0 0 60px color-mix(in srgb, var(--accent,var(--gold)) 40%, transparent);pointer-events:auto;flex-direction:column;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}.winner-eyebrow{font-family:var(--display);font-size:var(--text-sm);letter-spacing:5px;text-transform:uppercase;color:var(--ink-dim)}.winner-name{font-family:var(--display);letter-spacing:2px;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 3px 10px #000c;font-size:42px;font-weight:700}.winner-name:first-letter{color:var(--accent,var(--gold-bright))}.modal-overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#0405089e;place-items:center;display:grid;position:absolute;inset:0}.modal{background:linear-gradient(180deg, var(--panel-1), var(--panel-2));border:1px solid var(--gold-line);border-radius:var(--radius-md);width:min(560px,94vw);box-shadow:var(--shadow-panel), inset 0 1px 0 #ffe8af1a;overflow:hidden}.modal-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--gold-line);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--display);font-size:var(--text-lg);letter-spacing:2px;text-transform:uppercase;color:var(--gold-bright);margin:0;font-weight:700}.modal-close{width:var(--icon-lg);height:var(--icon-lg);border-radius:var(--radius-sm);color:var(--ink-dim);font-size:var(--text-sm);cursor:pointer;transition:color var(--ease), background var(--ease);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.modal-close:hover{color:var(--ink);background:#ffffff0f}.modal-close:focus-visible{box-shadow:var(--focus-ring);outline:none}.modal-body{padding:var(--space-3) var(--space-5) var(--space-5)}.modal-section{font-family:var(--display);font-size:var(--text-xs);letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:var(--space-4) 0 var(--space-2);font-weight:600}.modal-section:first-child{margin-top:var(--space-2)}.field{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid #ffffff0d;display:flex}.field:last-child{border-bottom:none}.field-text{flex-direction:column;gap:2px;display:flex}.field-label{font-family:var(--serif);font-size:var(--text-md);color:var(--ink)}.field-hint{font-family:var(--serif);font-size:var(--text-xs);color:var(--ink-dim);font-style:italic}.modal-foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--gold-line);background:#00000040;display:flex}.log{bottom:var(--space-5);left:var(--space-5);font-family:var(--serif);font-size:var(--text-sm);color:var(--ink-dim);pointer-events:none;text-shadow:0 1px 3px #000000b3;max-width:300px;font-style:italic;line-height:1.55;position:absolute}.log-live{color:var(--gold-bright);font-style:normal}.entry{color:var(--ink);font-family:var(--serif);background:radial-gradient(130% 100% at 50% -10%,#1c4632 0%,#0e2419 45%,#061009 80%,#030704 100%);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.how-to-play{align-items:center;gap:var(--space-2);display:inline-flex}.tut-overlay{z-index:60;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030705c7;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.tut-panel{gap:var(--space-3);width:min(560px,96vw);padding:var(--space-5) var(--space-5) var(--space-4);border:2px solid var(--gold-line);background:linear-gradient(#142c1ff7,#07100bfc);border-radius:14px;flex-direction:column;display:flex;position:relative;box-shadow:inset 0 0 0 1px #eccb7838,0 24px 70px #000000bf}.tut-head{align-items:center;gap:var(--space-3);display:flex}.tut-step{font-family:var(--display);font-size:var(--text-sm);color:var(--gold);letter-spacing:.08em}.tut-title{font-family:var(--display);font-size:var(--text-lg);color:var(--gold-bright);letter-spacing:.02em;flex:1;margin:0}.tut-close{border:1px solid var(--gold-line);color:var(--ink-dim);border-radius:var(--radius-sm);cursor:pointer;background:#0000004d;width:30px;height:30px;line-height:1}.tut-close:hover{color:var(--gold-bright);border-color:var(--gold)}.tut-stage{border:1px solid var(--gold-line);border-radius:var(--radius-md);padding:var(--space-2);background:radial-gradient(120% 100% at 50% 0,#0c2118,#060f0a)}.tut-art{width:100%;height:auto;display:block}.tut-svg-label{fill:var(--ink);font-family:var(--serif);font-size:11px}.tut-svg-btn{fill:#1c1407;font-family:var(--display);font-size:12px;font-weight:700}.tut-text{min-height:3.6em;font-family:var(--serif);font-size:var(--text-md);color:var(--ink);margin:0;line-height:1.5}.tut-dots{justify-content:center;gap:7px;display:flex}.tut-dot{border:1px solid var(--gold-line);cursor:pointer;background:0 0;border-radius:50%;width:9px;height:9px;padding:0}.tut-dot.on{background:var(--gold-bright);border-color:var(--gold-bright)}.tut-foot{justify-content:space-between;gap:var(--space-3);display:flex}.entry .tut-foot .primary:disabled,.entry .tut-foot .ghost:disabled{opacity:.4;cursor:not-allowed}.entry--cover{place-items:stretch stretch}.entry-cover{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:clamp(48px,9vw,170px);display:flex;position:relative}.entry-cover-controls{align-items:flex-start;gap:var(--space-2);flex-direction:column;padding:0;display:flex}.entry-menu{flex-direction:column;align-items:flex-start;gap:clamp(6px,1.2vh,14px);display:flex}.menu-item{background:linear-gradient(#f6e4ab 0%,#d8b65f 42%,#9c7b2c 78%,#f0d999 100%);color:#0000;font-family:var(--display);letter-spacing:.02em;cursor:pointer;text-align:left;filter:drop-shadow(0 2px 5px #000000e6);transition:filter var(--ease), transform var(--ease);-webkit-background-clip:text;background-clip:text;border:none;padding:2px;font-size:clamp(22px,2.7vw,34px);font-weight:700;line-height:1.12}.menu-item:hover{filter:drop-shadow(0 0 12px #f0d27ab3)drop-shadow(0 2px 5px #000000d9);transform:translate(5px)}.menu-item:focus-visible{filter:drop-shadow(0 0 12px #f0d27ae6);outline:none}.entry-cover .entry-status{margin-top:var(--space-3);text-shadow:0 1px 4px #000000e6}.entry-art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.entry-photo-wrap{pointer-events:none;background:#212411;position:absolute;inset:0;overflow:hidden}.entry-photo{object-fit:contain;object-position:50% 50%;width:100%;height:100%}.entry-photo-wrap:after{content:"";background:linear-gradient(#03080500 70%,#03080580 100%);position:absolute;inset:0}.entry-castle{opacity:.9}.entry-clash{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite em-pulse}.entry-bolt{animation:1.7s ease-in-out infinite em-flicker}@keyframes em-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes em-flicker{0%,to{opacity:.9}45%{opacity:.5}70%{opacity:1}}.entry-bg{pointer-events:none;background:radial-gradient(46% 40% at 50% 30%,#78e6af12,#0000 70%),radial-gradient(70% 60% at 50% 32%,#c9a24a1a,#0000 72%);position:absolute;inset:0}.entry-inner{width:min(760px,92vw);margin:var(--space-6) 0;align-items:center;gap:var(--space-5);border:2px solid var(--gold-line);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#12281cdb,#060f0aeb);border-radius:14px;flex-direction:column;padding:clamp(28px,5vw,56px) clamp(20px,4vw,44px);display:flex;position:relative;box-shadow:inset 0 0 0 1px #eccb7838,inset 0 0 64px #0009,0 24px 70px #000000b3}.entry-inner:before,.entry-inner:after{content:"";border:2px solid var(--gold);opacity:.85;pointer-events:none;width:46px;height:46px;position:absolute}.entry-inner:before{border-bottom:none;border-right:none;border-top-left-radius:8px;top:8px;left:8px}.entry-inner:after{border-top:none;border-left:none;border-bottom-right-radius:8px;bottom:8px;right:8px}.entry-title{font-family:var(--display);letter-spacing:.04em;background:linear-gradient(#f6e4ab 0%,#d8b65f 42%,#9c7b2c 78%,#f0d999 100%);color:#0000;text-shadow:0 2px 22px #c9a24a59;-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,8vw,74px);font-weight:700}.entry-tag{font-size:var(--text-lg);color:var(--ink-dim);letter-spacing:.06em;margin-top:-8px}.star-emblem{filter:drop-shadow(0 0 14px #78e6af47)drop-shadow(0 3px 8px #0009);width:clamp(76px,13vw,128px);height:auto;margin-bottom:-10px}.entry-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.entry .primary,.entry .ghost,.entry .seg{font-family:var(--display);height:var(--control-md);padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid var(--gold-line);cursor:pointer;font-size:var(--text-md);letter-spacing:.03em;transition:transform var(--ease), box-shadow var(--ease), background var(--ease)}.entry .lg{height:var(--control-lg);padding:0 var(--space-6);font-size:var(--text-lg)}.entry .primary{color:#1c1407;background:linear-gradient(#d8b65f,#a9842f);border-color:#e7c878;font-weight:600}.entry .ghost{color:var(--ink);background:#ffffff0a}.entry .primary:hover,.entry .ghost:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000073}.entry .primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.link-btn{color:var(--gold);cursor:pointer;font-family:var(--serif);font-size:var(--text-md);text-underline-offset:3px;background:0 0;border:none;padding:4px;text-decoration:underline}.link-btn:hover{color:var(--gold-bright)}.link-btn.back{margin-top:var(--space-3);align-self:center}.entry-card{background:linear-gradient(180deg, var(--panel-1), var(--panel-2));border:1px solid var(--gold-line);border-radius:var(--radius-lg);width:min(420px,92vw);box-shadow:var(--shadow-panel);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.entry-card.wide{width:min(520px,92vw)}.entry-card-title{font-family:var(--display);font-size:var(--text-lg);color:var(--gold-bright);letter-spacing:.03em}.entry-field{font-size:var(--text-sm);color:var(--ink-dim);flex-direction:column;gap:6px;display:flex}.entry-field input{height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--gold-line);color:var(--ink);font-family:var(--serif);font-size:var(--text-md);background:#00000059;outline:none}.entry-field input:focus{box-shadow:var(--focus-ring);border-color:var(--gold-bright)}.entry-error{color:#ff8a7a;font-size:var(--text-sm)}.entry-switch{font-size:var(--text-sm);color:var(--ink-dim);text-align:center}.entry-userbar{align-items:center;gap:var(--space-3);color:var(--ink-dim);display:flex}.lobby-grid{gap:var(--space-4);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.seg-row{gap:var(--space-2);display:flex}.entry .seg{height:var(--control-md);padding:0 var(--space-4);color:var(--ink);background:#ffffff0a}.entry .seg.on{color:#1c1407;background:linear-gradient(#d8b65f,#a9842f);border-color:#e7c878}.entry-status{color:#a99f8699;letter-spacing:.05em;font-size:12px}.entry-notice{color:#ffcf8a;font-size:var(--text-sm);border:1px solid var(--gold-line);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:#0000004d}.room-id{align-items:baseline;gap:var(--space-3);color:var(--ink-dim);flex-wrap:wrap;display:flex}.room-code{font-family:var(--display);letter-spacing:.18em;color:var(--gold-bright);border-radius:var(--radius-md);border:1px solid var(--gold-line);background:#00000059;padding:2px 12px;font-size:26px}.room-hint{color:var(--ink-dim);font-size:12px}.room-players{gap:var(--space-2);flex-direction:column;display:flex}.room-slot{align-items:center;gap:var(--space-3);height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-md);background:#0003;border:1px dashed #c9a24a4d;display:flex}.room-slot.filled{border-style:solid}.room-dot{border:1px solid #00000080;border-radius:50%;width:14px;height:14px;box-shadow:0 0 6px #0006}.room-name{color:var(--ink)}.room-empty{color:var(--ink-dim);font-style:italic}.entry-waiting{color:var(--ink-dim);text-align:center;font-style:italic}.turn-banner{top:calc(var(--space-4) + var(--control-md) + var(--space-6) + 40px);font-family:var(--display);font-size:var(--text-md);letter-spacing:.05em;border-radius:var(--radius-pill);border:1px solid var(--accent,var(--gold-line));color:var(--ink);box-shadow:0 0 14px color-mix(in srgb, var(--accent) 40%, transparent);background:#0a0805b3;padding:4px 16px;position:absolute;left:50%;transform:translate(-50%)}.turn-banner.mine{color:#1c1407;background:var(--accent);font-weight:600}.leave-btn{top:var(--space-4);left:var(--space-4);height:var(--control-sm);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--gold-line);color:var(--ink-dim);font-family:var(--display);font-size:var(--text-sm);cursor:pointer;background:#0a0805cc;position:absolute}.leave-btn:hover{color:var(--ink);border-color:var(--gold)}