:root{--bg-deep: #050505;--bg-panel: #100808;--bg-panel-hi: #1a0d0d;--line: #2a1414;--line-hi: #4a2020;--red: #ce2c2c;--red-deep: #7a0e0e;--red-bright: #ef3030;--red-glow: rgba(206, 44, 44, .6);--gold: #d4af37;--gold-soft: #b8941f;--bone: #e8d8c0;--text: #ece4d8;--text-muted: #8a7a72;--shadow-deep: 0 8px 24px rgba(0,0,0,.7);--c-earth: #b8895a;--c-water: #4dd0e1;--c-wind: #10b981;--c-fire: #fb923c;--c-lightning: #facc15;--c-mixed: #c084fc;--font-jp: "Cinzel", "Noto Serif JP", serif;--font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--cursor-default: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 24 28'><path d='M1 1 L1 20 L6.5 14.5 L9.5 21.5 L12.5 20 L9.5 13 L16.5 13 Z' fill='%23151515' stroke='%23d4af37' stroke-width='1.4' stroke-linejoin='round'/><path d='M2.5 3 L2.5 16 L6.5 12.5 L9 17.5 L10.5 17 L8 12 L13 12 Z' fill='%23d4af37' opacity='0.18'/></svg>") 1 1, default;--cursor-pointer: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 24 28'><path d='M1 1 L1 20 L6.5 14.5 L9.5 21.5 L12.5 20 L9.5 13 L16.5 13 Z' fill='%23ce2c2c' stroke='%23ffd700' stroke-width='1.4' stroke-linejoin='round'/><path d='M2.5 3 L2.5 16 L6.5 12.5 L9 17.5 L10.5 17 L8 12 L13 12 Z' fill='%23ffffff' opacity='0.28'/></svg>") 1 1, pointer}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(ellipse at top left,rgba(206,44,44,.1),transparent 55%),radial-gradient(ellipse at bottom right,rgba(122,14,14,.1),transparent 55%),radial-gradient(ellipse at center,#1a0808,#050202 70%);cursor:var(--cursor-default)}button,a,[role=button],.card-btn,.noble-card,.opponent-card,.token,.lobby button,.token-actions button,summary,label[for]{cursor:var(--cursor-pointer)}button:disabled,.card-btn:disabled,.token:disabled{cursor:not-allowed}.app{min-height:100vh;position:relative}.akatsuki-clouds{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.ak-cloud{position:absolute;width:260px;height:auto;left:-300px;animation:cloud-drift linear infinite;opacity:.55;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes cloud-drift{0%{transform:translate(0) scale(var(--scale, 1))}to{transform:translate(calc(100vw + 300px)) scale(var(--scale, 1))}}.chakra-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.chakra-particle{position:absolute;bottom:-10px;border-radius:50%;animation-name:chakra-rise;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity;opacity:0}@keyframes chakra-rise{0%{transform:translate(0) scale(.6);opacity:0}10%{opacity:.9}90%{opacity:.7}to{transform:translate(var(--drift),-110vh) scale(1.2);opacity:0}}.muted{color:var(--text-muted)}.small{font-size:11px}.section-title{margin:0 0 10px;font-family:var(--font-jp);font-size:14px;letter-spacing:3px;color:var(--bone);text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:6px}.badge{font-size:10px;padding:3px 8px;background:var(--line);border-radius:999px;text-transform:uppercase;letter-spacing:1px;font-weight:700;border:1px solid var(--line-hi)}.badge.turn{background:linear-gradient(180deg,var(--red),var(--red-deep));color:#fff;border-color:var(--red-deep)}.badge.final{background:linear-gradient(180deg,var(--red-bright),var(--red-deep));color:#fff}button{font-family:inherit}button.primary{background:linear-gradient(180deg,var(--red),var(--red-deep));border:1px solid #5a0808;color:#fff;padding:10px 22px;border-radius:6px;font-weight:700;font-family:var(--font-body);letter-spacing:1px;cursor:var(--cursor-pointer);text-shadow:0 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px #ffffff2e,0 2px 8px #00000080,0 0 14px #ce2c2c59;transition:filter .15s,transform .1s,box-shadow .2s}button.primary:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 4px 14px #0009,0 0 24px #ef30308c}button.primary:active{transform:translateY(0);filter:brightness(.95)}button.primary:disabled{background:#1a1010;border-color:#2a1414;color:#4a3a32;cursor:not-allowed;text-shadow:none;box-shadow:none;transform:none;filter:none}button.secondary{background:linear-gradient(180deg,#2a1a1a,#1a0d0d);border:1px solid #4a2020;color:var(--bone);padding:10px 20px;border-radius:6px;font-weight:600;letter-spacing:1px;cursor:var(--cursor-pointer);box-shadow:inset 0 1px #ffffff0f,0 2px 4px #0006;transition:filter .15s,transform .1s}button.secondary:hover{filter:brightness(1.25);transform:translateY(-1px)}button.secondary:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}button.ghost{background:linear-gradient(180deg,var(--red),var(--red-deep));border:1px solid #5a0808;color:#fff;padding:10px 18px;border-radius:6px;font-weight:700;letter-spacing:1px;cursor:var(--cursor-pointer);box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0006;transition:filter .15s,transform .1s}button.ghost:hover{filter:brightness(1.15);transform:translateY(-1px)}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#8a1010,#4a0808);color:#fff;padding:12px 22px;border-radius:6px;z-index:250;font-weight:700;letter-spacing:.5px;border:1px solid #5a1010;box-shadow:0 8px 24px #000000b3,0 0 24px #ef303080;animation:slide-down .25s ease-out}@keyframes slide-down{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.volume-control{position:fixed;top:14px;right:18px;z-index:999}.vol-btn{width:38px;height:38px;padding:0;margin:0;background:linear-gradient(180deg,#2a1414,#1a0808);border:1px solid var(--line-hi);border-radius:50%;color:var(--gold);display:flex;align-items:center;justify-content:center;cursor:var(--cursor-pointer);transition:transform .12s,background .12s,color .12s,box-shadow .12s;box-shadow:0 4px 14px #0009}.vol-btn:hover{background:linear-gradient(180deg,#3a1818,#220a0a);color:var(--bone);transform:translateY(-1px)}.vol-btn[aria-expanded=true]{border-color:var(--red);color:var(--bone);box-shadow:0 0 0 2px #ce2c2c40,0 4px 14px #0009}.vol-panel{position:absolute;top:calc(100% + 10px);right:0;width:240px;padding:14px;background:linear-gradient(180deg,#1a0d0d,#100808);border:1px solid var(--line-hi);border-radius:10px;box-shadow:0 12px 32px #000000b3,0 0 24px #ce2c2c26;display:flex;flex-direction:column;gap:12px;animation:vol-panel-in .14s ease-out}@keyframes vol-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.vol-row{display:grid;grid-template-columns:60px 1fr 28px;align-items:center;gap:10px}.vol-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.vol-pct{font-family:Courier New,monospace;font-size:11px;color:var(--gold-soft);text-align:right}.vol-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:linear-gradient(90deg,var(--red) 0%,var(--gold) 100%);border-radius:999px;outline:none;cursor:var(--cursor-pointer)}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--gold);border:2px solid var(--bg-deep);cursor:var(--cursor-pointer);box-shadow:0 0 6px #d4af3799}.vol-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--gold);border:2px solid var(--bg-deep);cursor:var(--cursor-pointer)}.vol-track-row{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:10px}.vol-track-buttons{display:flex;gap:6px}.vol-track-btn{flex:1;padding:6px 10px;background:linear-gradient(180deg,#2a1414,#1a0808);border:1px solid var(--line-hi);border-radius:6px;color:var(--text-muted);font-family:Courier New,monospace;font-weight:900;font-size:13px;cursor:var(--cursor-pointer);transition:background .15s,color .15s,border-color .15s}.vol-track-btn:hover{background:linear-gradient(180deg,#3a1818,#220a0a);color:var(--bone)}.vol-track-btn.active{background:linear-gradient(180deg,var(--red),var(--red-deep));border-color:var(--red-bright);color:#fff;box-shadow:0 0 12px #ce2c2c66}.vol-mute-toggle{margin-top:4px;padding:8px 12px;background:linear-gradient(180deg,#2a1414,#1a0808);border:1px solid var(--line-hi);border-radius:6px;color:var(--bone);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:var(--cursor-pointer);transition:background .12s,border-color .12s,color .12s}.vol-mute-toggle:hover{background:linear-gradient(180deg,#3a1818,#220a0a);border-color:var(--red)}.event-popup-stack{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto;cursor:var(--cursor-pointer);animation:event-popup-stack-in .25s ease-out}@keyframes event-popup-stack-in{0%{opacity:0}to{opacity:1}}.event-popup{position:relative;padding:22px;background:linear-gradient(180deg,#1f0d0dc7,#100606c7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:18px;box-shadow:0 24px 60px #000000e6,0 0 50px #ce2c2c73,0 0 100px #ce2c2c40;pointer-events:auto;animation:event-popup-in .4s cubic-bezier(.2,.8,.3,1) both;display:flex;flex-direction:column;align-items:center;gap:14px}@keyframes event-popup-in{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes event-popup-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.95)}}.event-popup.leaving{animation:event-popup-out .3s ease-in forwards;pointer-events:none}.event-popup.popup-l1{box-shadow:0 24px 60px #000000e6,0 0 50px #2ea0438c,0 0 100px #2ea0434d}.event-popup.popup-l2{box-shadow:0 24px 60px #000000e6,0 0 50px #8b4ad18c,0 0 100px #8b4ad14d}.event-popup.popup-l3{box-shadow:0 24px 60px #000000e6,0 0 50px #ce2c2c99,0 0 100px #ce2c2c59}.event-popup.popup-tb{box-shadow:0 24px 60px #000000e6,0 0 50px #d4af3799,0 0 100px #d4af3759}.event-popup-close{position:absolute;top:14px;right:14px;width:42px;height:42px;padding:0;margin:0;background:#00000080;border:2px solid var(--line-hi);border-radius:50%;color:var(--bone);font-size:28px;font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center;cursor:var(--cursor-pointer);transition:background .15s,border-color .15s,color .15s,transform .1s}.event-popup-close:hover{background:var(--red);border-color:var(--red-bright);color:#fff;transform:scale(1.08)}.event-popup-img-wrap{position:relative;width:216px;border-radius:12px;overflow:hidden;border:2px solid var(--line-hi);box-shadow:0 8px 20px #000000b3}.event-popup.popup-tb .event-popup-img-wrap{width:204px;height:204px;border:3px solid var(--gold);border-radius:14px}.event-popup-img{display:block;width:100%;height:auto}.event-popup.popup-tb .event-popup-img{width:100%;height:100%;object-fit:cover}.event-popup-banner{display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center;max-width:100%;padding:0 50px}.event-popup-actor{font-family:var(--font-jp);font-weight:900;font-size:22px;letter-spacing:3px;color:var(--bone);text-shadow:0 2px 4px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.event-popup-verb{font-family:var(--font-jp);font-size:11px;color:var(--gold);letter-spacing:5px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.9)}.results-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:32px;overflow:auto}.results-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:22px;max-width:720px;width:100%}.results-title{font-family:var(--font-jp);font-size:60px;color:var(--red);text-shadow:0 0 40px rgba(206,44,44,.7),0 4px 6px rgba(0,0,0,.85);letter-spacing:10px;margin:0;font-weight:400;line-height:1;text-transform:uppercase}.results-winner-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 48px;background:linear-gradient(180deg,#46320ccc,#281808cc);border:2px solid var(--gold);border-radius:16px;box-shadow:0 0 60px #d4af3780,0 12px 30px #000c;animation:results-winner-pop .6s cubic-bezier(.2,.8,.3,1) both}@keyframes results-winner-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.results-winner-label{font-family:var(--font-jp);font-size:12px;letter-spacing:6px;color:var(--gold-soft);text-transform:uppercase}.results-winner-name{font-family:var(--font-jp);font-size:42px;font-weight:900;letter-spacing:6px;color:var(--gold);text-shadow:0 0 28px rgba(212,175,55,.7),0 3px 3px rgba(0,0,0,.7);line-height:1.1}.results-winner-points{font-family:Courier New,monospace;font-size:18px;font-weight:900;color:var(--bone);letter-spacing:2px}.results-rank-list{display:flex;flex-direction:column;gap:8px;width:100%;max-width:540px}.results-rank{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;padding:10px 16px 10px 8px;background:linear-gradient(90deg,#220e0ed9,#140808d9);border:1px solid var(--line-hi);border-radius:10px;box-shadow:0 4px 12px #00000080}.results-rank.place-1{border-color:var(--gold);background:linear-gradient(90deg,#4a320cd9,#221208d9);box-shadow:0 6px 22px #0009,0 0 28px #d4af3759}.results-rank.place-2{border-color:#b8c4d0;background:linear-gradient(90deg,#30343cd9,#181a20d9)}.results-rank.place-3{border-color:#b87333;background:linear-gradient(90deg,#3c200ed9,#1e1008d9)}.results-rank.me{outline:2px solid var(--red);outline-offset:2px}.results-rank-medal{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff1a,#0009);border:2px solid var(--line-hi);font-family:var(--font-jp);font-size:20px;font-weight:900;color:var(--bone)}.results-rank.place-1 .results-rank-medal{background:radial-gradient(circle at 30% 30%,#ffe28a,var(--gold) 55%,var(--gold-soft) 100%);border-color:#8a6f1f;color:#2a1a04;box-shadow:0 0 14px #d4af3780}.results-rank.place-2 .results-rank-medal{background:radial-gradient(circle at 30% 30%,#f0f4f8,#b8c4d0 55%,#8a98a8);border-color:#5a6878;color:#1a1c20}.results-rank.place-3 .results-rank-medal{background:radial-gradient(circle at 30% 30%,#ecb088,#b87333 55%,#8a5023);border-color:#6a3e15;color:#2a1808}.results-rank-name{font-family:var(--font-jp);font-weight:900;font-size:18px;letter-spacing:2px;color:var(--bone);text-shadow:0 1px 2px rgba(0,0,0,.6)}.results-rank-stats{display:flex;gap:12px;align-items:center;font-family:Courier New,monospace;font-size:13px;font-weight:800;color:var(--text)}.rank-pts{color:var(--gold);font-size:15px}.rank-tb{color:var(--gold-soft)}.results-actions{display:flex;gap:16px;margin-top:6px}.results-actions button{min-width:160px;padding:14px 28px;font-size:13px;letter-spacing:4px;text-transform:uppercase}.curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:none;overflow:hidden}.curtain-panel{position:absolute;left:-2%;right:-2%;height:52%;background:radial-gradient(ellipse at center,rgba(206,44,44,.25),transparent 70%),linear-gradient(180deg,#0a0202,#2a0808 45%,#1a0404);overflow:hidden;box-shadow:0 0 80px #000000e6;transition:transform .9s cubic-bezier(.55,.05,.4,1)}.curtain-top{top:0;border-bottom:4px solid var(--red)}.curtain-bottom{bottom:0;border-top:4px solid var(--red);background:radial-gradient(ellipse at center,rgba(206,44,44,.25),transparent 70%),linear-gradient(0deg,#0a0202,#2a0808 45%,#1a0404)}.curtain.mode-open .curtain-top,.curtain.mode-open .curtain-bottom{transform:translateY(0)}.curtain.mode-open.is-active .curtain-top{transform:translateY(-110%)}.curtain.mode-open.is-active .curtain-bottom{transform:translateY(110%)}.curtain.mode-close .curtain-top{transform:translateY(-110%)}.curtain.mode-close .curtain-bottom{transform:translateY(110%)}.curtain.mode-close.is-active .curtain-top,.curtain.mode-close.is-active .curtain-bottom{transform:translateY(0)}.curtain-seam{position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold) 70%,transparent);box-shadow:0 0 16px #d4af37b3;transform:translateY(-50%);transition:opacity .45s ease}.curtain.mode-open .curtain-seam{opacity:.85}.curtain.mode-open.is-active .curtain-seam,.curtain.mode-close .curtain-seam{opacity:0}.curtain.mode-close.is-active .curtain-seam{opacity:.85}.curtain-cloud{position:absolute;width:260px;height:auto;opacity:.55;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55));pointer-events:none}.cc1{top:4%;left:6%;transform:scale(.85)}.cc2{top:18%;right:8%;transform:scale(1.1)}.cc3{bottom:4%;left:30%;transform:scale(.7)}.cc4{top:8%;left:12%;transform:scale(1)}.cc5{bottom:6%;right:4%;transform:scale(.9)}.cc6{bottom:20%;left:50%;transform:scale(.75)}.curtain-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;transition:opacity .45s ease,transform .7s cubic-bezier(.2,.8,.3,1)}.curtain.mode-open .curtain-center{opacity:1;transform:scale(1)}.curtain.mode-open.is-active .curtain-center{opacity:0;transform:scale(1.4)}.curtain.mode-close .curtain-center{opacity:0;transform:scale(.6)}.curtain.mode-close.is-active .curtain-center{opacity:1;transform:scale(1)}.curtain-kanji{font-family:var(--font-jp);font-size:160px;font-weight:900;color:var(--red-bright);text-shadow:0 0 36px rgba(239,48,48,.85),0 0 80px rgba(206,44,44,.7),0 6px 6px rgba(0,0,0,.8);letter-spacing:12px;line-height:1}.curtain-sub{font-family:var(--font-jp);font-size:16px;letter-spacing:10px;color:var(--gold);text-transform:uppercase;text-shadow:0 0 16px rgba(212,175,55,.6)}.mini-game{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.mg-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:960px;width:100%}.mg-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.mg-title{font-family:var(--font-jp);font-size:50px;color:var(--red);text-shadow:0 0 32px rgba(206,44,44,.7),0 4px 6px rgba(0,0,0,.8);letter-spacing:8px;margin:0;font-weight:400;line-height:1}.mg-subtitle{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 0}.mg-subtitle:before,.mg-subtitle:after{content:"";flex:0 0 auto;width:80px;height:2px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.7) 30%,var(--gold) 50%,rgba(212,175,55,.7) 70%,transparent);box-shadow:0 0 8px #d4af3780;border-radius:2px}.mg-subtitle-text{font-family:var(--font-jp);font-size:18px;font-weight:900;letter-spacing:8px;text-transform:uppercase;background:linear-gradient(180deg,#fff4cc 0%,#ffd86a 35%,var(--gold) 65%,var(--gold-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(212,175,55,.5)) drop-shadow(0 2px 2px rgba(0,0,0,.75));line-height:1;white-space:nowrap}.mg-host-btn{padding:12px 32px!important;font-size:14px;letter-spacing:4px;text-transform:uppercase}.mg-waiting{font-family:var(--font-jp);font-size:13px;letter-spacing:4px;color:var(--gold);text-transform:uppercase;text-shadow:0 0 12px rgba(212,175,55,.4)}.mg-timer{display:flex;flex-direction:column;align-items:center;gap:4px}.mg-timer-ring{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ce2c2c66,#000000d9);border:3px solid var(--red);display:flex;align-items:center;justify-content:center;box-shadow:0 0 28px #ce2c2c8c,inset 0 0 16px #0009;animation:mg-timer-pulse 1s ease-in-out infinite}.mg-timer-num{font-family:var(--font-jp);font-size:26px;font-weight:900;color:var(--gold);text-shadow:0 0 12px rgba(212,175,55,.7)}.mg-timer-label{font-size:11px;color:var(--text-muted);letter-spacing:3px;text-transform:uppercase}@keyframes mg-timer-pulse{0%,to{transform:scale(1);box-shadow:0 0 28px #ce2c2c8c,inset 0 0 16px #0009}50%{transform:scale(1.06);box-shadow:0 0 42px #ef3030d9,inset 0 0 16px #0009}}.mg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;width:100%;max-width:984px}.mg-card{position:relative;aspect-ratio:1 / 1;background:linear-gradient(180deg,#160808,#0a0202);border:2px solid var(--gold-soft);border-radius:10px;padding:0;overflow:hidden;cursor:var(--cursor-default);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 8px 20px #000000b3,inset 0 1px #ffffff0a}.mg-card img{width:100%;height:100%;object-fit:cover;display:block}.mg-card.clickable{cursor:var(--cursor-pointer)}.mg-card.clickable:hover{transform:translateY(-6px) scale(1.04);border-color:var(--gold);box-shadow:0 14px 30px #000000e6,0 0 24px #d4af3780}.mg-card.revealed{border-color:var(--gold);animation:mg-card-flip .5s ease-out}@keyframes mg-card-flip{0%{transform:rotateY(180deg);opacity:0}to{transform:rotateY(0);opacity:1}}.mg-card.mine{border-color:var(--red-bright);box-shadow:0 10px 24px #000000b3,0 0 30px #ef303099}.mg-card.taken{opacity:.85}.mg-card-num{position:absolute;top:6px;left:6px;width:32px;height:32px;border-radius:50%;background:linear-gradient(180deg,var(--gold),var(--gold-soft));color:#1a0808;font-family:var(--font-jp);font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid #1a0808;box-shadow:0 0 12px #d4af37b3}.mg-card-owner{position:absolute;bottom:0;left:0;right:0;padding:7px 10px;background:linear-gradient(180deg,var(--red),var(--red-deep));color:#fff;font-family:var(--font-jp);font-size:14px;font-weight:900;letter-spacing:3px;text-transform:uppercase;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.85);border-top:2px solid #5a0808;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 -4px 12px #0009}.mg-card.mine .mg-card-owner{background:linear-gradient(180deg,var(--gold),var(--gold-soft));color:#1a0808;border-top-color:#8a6f1f;text-shadow:0 1px 0 rgba(255,230,170,.4)}.mg-order{display:flex;flex-direction:column;gap:8px;align-items:center;min-height:220px;width:100%}.mg-order-hidden{visibility:hidden}.mg-order-label{display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 0}.mg-order-label:before,.mg-order-label:after{content:"";flex:1;max-width:110px;height:2px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.7) 30%,var(--gold) 50%,rgba(212,175,55,.7) 70%,transparent);box-shadow:0 0 8px #d4af3780;border-radius:2px}.mg-order-label-text{font-family:var(--font-jp);font-size:24px;font-weight:900;letter-spacing:12px;text-transform:uppercase;padding-right:0;background:linear-gradient(180deg,#fff4cc 0%,#ffd86a 35%,var(--gold) 65%,var(--gold-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(212,175,55,.55)) drop-shadow(0 2px 2px rgba(0,0,0,.75));line-height:1}.mg-order-label-kanji{font-family:var(--font-jp);font-size:24px;color:var(--red-bright);text-shadow:0 0 14px rgba(239,48,48,.7),0 2px 2px rgba(0,0,0,.8);line-height:1;font-weight:400}.mg-order-list{display:flex;flex-direction:column;gap:6px;min-width:460px;max-width:560px;width:100%}@keyframes mg-order-item-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mg-order-label-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes mg-order-line-in{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}.mg-order:not(.mg-order-hidden) .mg-order-label-kanji:first-child{animation:mg-order-label-in .5s ease-out both}.mg-order:not(.mg-order-hidden) .mg-order-label-text{animation:mg-order-label-in .55s .12s ease-out both}.mg-order:not(.mg-order-hidden) .mg-order-label-kanji:last-child{animation:mg-order-label-in .5s .24s ease-out both}.mg-order:not(.mg-order-hidden) .mg-order-label:before{animation:mg-order-line-in .6s .05s ease-out both;transform-origin:right center}.mg-order:not(.mg-order-hidden) .mg-order-label:after{animation:mg-order-line-in .6s .05s ease-out both;transform-origin:left center}.mg-order:not(.mg-order-hidden) .mg-order-item{animation:mg-order-item-in .55s cubic-bezier(.2,.8,.3,1) both}.mg-order:not(.mg-order-hidden) .mg-order-item:nth-child(1){animation-delay:.35s}.mg-order:not(.mg-order-hidden) .mg-order-item:nth-child(2){animation-delay:.5s}.mg-order:not(.mg-order-hidden) .mg-order-item:nth-child(3){animation-delay:.65s}.mg-order:not(.mg-order-hidden) .mg-order-item:nth-child(4){animation-delay:.8s}.mg-order-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:14px;padding:4px 14px 4px 6px;background:linear-gradient(90deg,#220e0ed9,#140808d9);border:1px solid var(--line-hi);border-radius:10px;box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff0a;position:relative;overflow:hidden}.mg-order-item:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--line-hi)}.mg-order-item.place-1{border-color:var(--gold);box-shadow:0 6px 22px #0009,0 0 28px #d4af3759,inset 0 1px #ffffff14;background:linear-gradient(90deg,#4a320cd9,#221208d9)}.mg-order-item.place-1:before{background:linear-gradient(180deg,#ffd86a,var(--gold),var(--gold-soft));box-shadow:0 0 12px #d4af37b3}.mg-order-item.place-2{border-color:#b8c4d0;background:linear-gradient(90deg,#30343cd9,#181a20d9)}.mg-order-item.place-2:before{background:linear-gradient(180deg,#e8eef5,#b8c4d0,#8a98a8)}.mg-order-item.place-3{border-color:#b87333;background:linear-gradient(90deg,#3c200ed9,#1e1008d9)}.mg-order-item.place-3:before{background:linear-gradient(180deg,#d99063,#b87333,#8a5023)}.mg-order-item.me{outline:2px solid var(--red);outline-offset:2px}.mg-order-medal{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff14,#00000080);border:2px solid var(--line-hi);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 1px #ffffff1a,0 2px 6px #00000080}.mg-order-item.place-1 .mg-order-medal{background:radial-gradient(circle at 30% 30%,#ffe28a,var(--gold) 55%,var(--gold-soft) 100%);border-color:#8a6f1f;box-shadow:inset 0 1px #fff6,0 0 14px #d4af3780}.mg-order-item.place-1 .mg-order-pos,.mg-order-item.place-1 .mg-order-suffix{color:#2a1a04;text-shadow:0 1px 0 rgba(255,230,170,.5)}.mg-order-item.place-2 .mg-order-medal{background:radial-gradient(circle at 30% 30%,#f0f4f8,#b8c4d0 55%,#8a98a8);border-color:#5a6878;box-shadow:inset 0 1px #fff6,0 0 10px #b8c4d066}.mg-order-item.place-2 .mg-order-pos,.mg-order-item.place-2 .mg-order-suffix{color:#1a1c20;text-shadow:0 1px 0 rgba(255,255,255,.4)}.mg-order-item.place-3 .mg-order-medal{background:radial-gradient(circle at 30% 30%,#ecb088,#b87333 55%,#8a5023);border-color:#6a3e15;box-shadow:inset 0 1px #ffffff4d,0 0 10px #b8733366}.mg-order-item.place-3 .mg-order-pos,.mg-order-item.place-3 .mg-order-suffix{color:#2a1808;text-shadow:0 1px 0 rgba(255,200,160,.4)}.mg-order-pos{font-family:var(--font-jp);font-size:17px;font-weight:900;color:var(--bone);line-height:1}.mg-order-name{font-family:var(--font-jp);font-weight:900;font-size:17px;letter-spacing:2px;color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.5);min-width:0}.mg-order-tb-block{display:flex;align-items:center;gap:5px;padding:2px 8px 2px 2px;background:#00000080;border:1px solid var(--line-hi);border-radius:999px}.mg-order-tb-img{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--gold-soft);object-fit:cover;box-shadow:0 0 6px #d4af374d}.mg-order-tb-num{font-family:var(--font-jp);font-size:14px;font-weight:900;color:var(--gold);letter-spacing:1px;text-shadow:0 0 8px rgba(212,175,55,.5)}.lobby-kanji{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-jp);font-size:520px;font-weight:400;color:var(--red);opacity:.07;letter-spacing:-20px;text-shadow:0 0 80px rgba(206,44,44,.6);pointer-events:none;z-index:0;animation:kanji-breathe 8s ease-in-out infinite;-webkit-user-select:none;user-select:none}@keyframes kanji-breathe{0%,to{opacity:.06;transform:translate(-50%,-50%) scale(1)}50%{opacity:.12;transform:translate(-50%,-50%) scale(1.04)}}.lobby{max-width:460px;margin:80px auto;padding:32px;background:linear-gradient(180deg,#1a0d0deb,#100808eb);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 80px #000000d9,0 0 80px #ce2c2c38;position:relative;z-index:1}.lobby-room{max-width:640px;margin:40px auto;display:flex;flex-direction:column;gap:14px}.lobby-room h1{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.code-copy{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;margin:0 0 0 6px;background:#0006;border:1px solid var(--gold-soft);border-radius:6px;color:var(--gold);cursor:var(--cursor-pointer);transition:background .15s,color .15s,transform .1s,border-color .15s;vertical-align:middle}.code-copy:hover{background:var(--gold);color:#1a0808;border-color:var(--gold);transform:translateY(-1px)}.code-copy:active{transform:translateY(0)}.code-copy svg{display:block}.lobby .code-copy{width:30px;margin:0 0 0 6px;padding:0;font-size:inherit;letter-spacing:0;text-transform:none}.player-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 4px}.player-slot{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:76px;background:linear-gradient(180deg,#220e0eb3,#140808b3);border:2px solid var(--line-hi);border-radius:10px;box-shadow:inset 0 1px #ffffff0a,0 2px 8px #0006;transition:border-color .2s,box-shadow .2s}.player-slot.empty{border:2px dashed var(--line-hi);background:#00000040;justify-content:center;box-shadow:none}.slot-seat-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.18)}.slot-name{flex:1;font-family:var(--font-jp);font-weight:900;font-size:18px;letter-spacing:2px;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.slot-empty-text{font-family:var(--font-jp);font-size:14px;letter-spacing:6px;color:var(--text-muted);text-transform:uppercase;opacity:.6}.lobby-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:4px}.lobby-actions button{flex:1;min-width:140px}.lobby-chat-wrap{margin-top:14px;height:280px;display:flex;width:100%}.lobby-chat-wrap .chat-panel{flex:1;min-height:0}.lobby .chat-input{display:block;flex:1 1 0;min-width:0;width:auto;margin-top:0;padding:10px 14px;font-size:14px;font-family:var(--font-body)}.lobby .chat-send{width:auto;margin-top:0;padding:0 16px;font-size:11px;letter-spacing:1px;font-family:var(--font-body)}.lobby h1{margin:0 0 24px;font-size:38px;font-weight:400;font-family:var(--font-jp);color:var(--red);text-align:center;letter-spacing:4px;text-shadow:0 0 30px rgba(206,44,44,.6)}.lobby label{display:block;margin:14px 0;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-weight:700}.lobby input{display:block;width:100%;margin-top:8px;padding:12px 14px;border-radius:6px;border:1px solid var(--line-hi);background:var(--bg-deep);color:var(--text);font-size:16px;font-family:var(--font-body);transition:border-color .15s,box-shadow .15s}.lobby input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #ce2c2c33}.lobby .name-hint{display:block;margin-top:6px;font-size:10px;letter-spacing:1px;color:var(--text-muted);text-transform:none;font-weight:500}.lobby .code{color:var(--red-bright);font-family:Courier New,monospace;letter-spacing:8px;font-weight:900}.lobby hr{border:none;border-top:1px solid var(--line);margin:22px 0}.lobby .row{display:flex;gap:10px}.lobby .row button{flex:1}.lobby button{width:100%;padding:14px 18px;margin-top:12px;background:linear-gradient(180deg,var(--red),var(--red-deep));border:1px solid #5a0808;color:#fff;border-radius:8px;font-family:var(--font-body);font-weight:800;font-size:14px;letter-spacing:4px;text-transform:uppercase;cursor:var(--cursor-pointer);text-shadow:0 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px #ffffff2e,0 4px 14px #00000080,0 0 18px #ce2c2c59;transition:filter .15s,transform .1s,box-shadow .2s}.lobby button:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 6px 18px #0009,0 0 28px #ef303099}.lobby button:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}.lobby button:disabled{background:linear-gradient(180deg,#2a1010,#150808);border-color:#2a1414;color:#5a4842;cursor:not-allowed;text-shadow:none;box-shadow:inset 0 1px #ffffff0a;transform:none;filter:none}.lobby button.secondary{background:linear-gradient(180deg,#2a1a1a,#150808);border-color:#4a2020;color:var(--bone);letter-spacing:3px;text-shadow:none;box-shadow:inset 0 1px #ffffff0f,0 2px 8px #00000080}.lobby button.secondary:hover:not(:disabled){filter:brightness(1.4);box-shadow:inset 0 1px #ffffff14,0 4px 12px #0009,0 0 14px #ce2c2c40}.lobby .player-list{list-style:none;padding:0}.lobby .player-list li{padding:10px 14px;background:var(--bg-deep);border:1px solid var(--line);border-radius:6px;margin:8px 0;display:flex;gap:8px;align-items:center}.game{display:grid;grid-template-rows:auto 1fr auto;height:100vh;padding:10px;gap:10px;overflow:hidden;position:relative;z-index:1}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 24px;min-height:72px;background:linear-gradient(180deg,var(--bg-panel-hi),var(--bg-panel));border:1px solid var(--line);border-bottom:3px solid var(--red);border-radius:10px;box-shadow:0 4px 16px #00000080,inset 0 1px #ffffff0a;transition:border-color .3s,box-shadow .3s,background .3s;position:relative;z-index:2}.topbar.my-turn{border-bottom-color:#2a8a3f;box-shadow:0 4px 24px #3fb95059,inset 0 1px #ffffff0a}.topbar-left{font-size:13px;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:12px}.brand{font-family:var(--font-jp);font-size:28px;color:var(--red);text-shadow:0 0 20px var(--red-glow);line-height:1}.topbar-left .code{color:var(--gold);font-family:Courier New,monospace;letter-spacing:6px;font-size:20px;font-weight:900;margin-left:4px}.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-right:56px}.surrender-btn{padding:8px 16px;background:linear-gradient(180deg,#2a1414,#1a0808);border:1px solid var(--red-deep);border-radius:6px;color:var(--red-bright);font-family:var(--font-jp);font-weight:800;font-size:11px;letter-spacing:3px;text-transform:uppercase;cursor:var(--cursor-pointer);transition:background .15s,color .15s,border-color .15s,transform .1s,box-shadow .15s}.surrender-btn:hover{background:linear-gradient(180deg,var(--red),var(--red-deep));color:#fff;border-color:var(--red-bright);transform:translateY(-1px);box-shadow:0 0 14px #ce2c2c80}.modal.surrender-modal{min-width:360px;max-width:460px;text-align:center;padding:28px 32px}.surrender-title{margin:0 0 12px;font-family:var(--font-jp);font-size:32px;font-weight:900;letter-spacing:6px;color:var(--red-bright);text-shadow:0 0 18px rgba(239,48,48,.5),0 2px 2px rgba(0,0,0,.7)}.surrender-text{margin:0 0 18px;color:var(--text);font-size:14px;letter-spacing:1px;line-height:1.5}.surrender-modal .modal-actions{display:flex;gap:10px;justify-content:center}.topbar-center{justify-self:center}.turn-indicator{font-size:15px;color:var(--text-muted);font-weight:500}.turn-indicator strong{font-weight:800}.turn-indicator.yours{font-family:var(--font-jp);font-size:32px;font-weight:800;letter-spacing:8px;color:#3fb950;text-shadow:0 0 24px rgba(63,185,80,.7);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}.winner-banner{font-family:var(--font-jp);font-size:28px;font-weight:900;color:var(--gold);text-shadow:0 0 24px rgba(212,175,55,.7);letter-spacing:4px}.main-layout{display:grid;grid-template-columns:280px 1fr 280px;gap:10px;min-height:0;overflow:visible}.opponents{background:linear-gradient(180deg,#1a0d0d8c,#1008088c);border:1px solid var(--line);border-radius:10px;padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 16px #00000080;position:relative}.opponent-card{position:relative;background:linear-gradient(180deg,#220e0ec7,#140808c7);border:1px solid var(--line-hi);border-left:4px solid #555;border-radius:10px;padding:10px 12px 12px;cursor:var(--cursor-pointer);color:var(--text);text-align:left;font-family:inherit;transition:background .2s,transform .1s,box-shadow .2s,border-color .2s;box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff0a;overflow:hidden}.opponent-card:hover{background:linear-gradient(180deg,#301212d9,#1c0a0ad9);transform:translateY(-1px);box-shadow:0 6px 16px #000000a6,0 0 16px #ce2c2c4d}.opponent-card.current{background:linear-gradient(180deg,#3a1414,#220c0c);border-color:var(--red);box-shadow:0 0 22px #ce2c2c8c,inset 0 0 0 1px #ef303066;animation:opp-current-pulse 2.4s ease-in-out infinite}@keyframes opp-current-pulse{0%,to{box-shadow:0 0 22px #ce2c2c8c,inset 0 0 0 1px #ef303066}50%{box-shadow:0 0 32px #ef3030d9,inset 0 0 0 1px #ef303099}}.opp-turn-badge{position:absolute;bottom:0;right:0;font-size:9px;font-weight:900;letter-spacing:2px;color:#fff;background:linear-gradient(180deg,var(--red-bright),var(--red-deep));padding:2px 8px;border-top-left-radius:6px;border-left:1px solid #5a0808;border-top:1px solid #5a0808;box-shadow:0 0 12px #ef303099;font-family:var(--font-jp)}.opp-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.opp-seat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.opp-name{flex:1;font-size:14px;font-weight:800;letter-spacing:1px;font-family:var(--font-jp);color:var(--bone);text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opp-points{font-family:var(--font-jp);font-weight:900;color:var(--gold);font-size:24px;line-height:1;text-shadow:0 0 12px rgba(212,175,55,.6),0 2px 2px rgba(0,0,0,.6)}.opp-bonuses{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:8px}.opp-bonus{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0 3px;background:#0006;border:1px solid var(--line);border-radius:6px;transition:opacity .2s}.opp-bonus.empty{opacity:.35}.opp-bonus .token-chip{margin:0}.opp-bonus-count{font-family:Courier New,monospace;font-size:11px;font-weight:900;color:var(--bone);line-height:1}.opp-stats{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;font-weight:800;color:var(--text)}.opp-stat{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 6px;background:#0006;border:1px solid var(--line);border-radius:999px;font-family:Courier New,monospace}.opp-stat-ico{width:12px;height:12px;border-radius:2px;background:var(--text-muted);display:inline-block;flex-shrink:0}.opp-stat-ico.tokens{border-radius:50%;background:radial-gradient(circle at 35% 30%,#ef3030,#7a0e0e);box-shadow:0 0 4px #ef303080}.opp-stat-ico.cards{background:linear-gradient(135deg,#b8941f,#d4af37);border-radius:2px;box-shadow:0 0 4px #d4af3780}.opp-stat-ico.reserved{background:linear-gradient(135deg,#555,#2a2a2a);border:1px dashed var(--gold-soft);border-radius:2px}.opp-stat-ico.tailed{border-radius:50%;background:radial-gradient(circle at 35% 30%,#f0d770,#8a6f1f);box-shadow:0 0 6px #d4af37b3}.opp-stat.tailed{color:var(--gold);border-color:var(--gold-soft);background:#d4af371a}.board-center{display:grid;grid-template-rows:5fr 7fr 7fr 7fr auto;gap:6px;padding:8px;background:radial-gradient(ellipse at center,rgba(206,44,44,.05),transparent 70%),linear-gradient(180deg,#0a04048c,#0502028c);border:1px solid var(--line);border-radius:10px;overflow:visible;min-height:0;box-shadow:inset 0 1px #ffffff08,0 4px 20px #00000080;position:relative;z-index:3}.board-row{display:flex;gap:6px;align-items:stretch;justify-content:center;min-height:0;overflow:visible;position:relative;z-index:1;transition:z-index 0s}.board-row:has(.card-btn:hover),.board-row:has(.noble-card:hover){z-index:100}.deck{height:100%;aspect-ratio:5 / 7;position:relative;padding:0;border:1px solid var(--line-hi);border-radius:8px;background:var(--bg-panel-hi);cursor:var(--cursor-default);flex-shrink:0;box-shadow:3px 3px 0 -1px #1a0d0d,5px 5px 0 -2px #100808,7px 7px 0 -3px #0a0404,9px 9px 14px #0009}.deck.stacked-1{box-shadow:2px 2px 0 -1px #1a0d0d,3px 3px 8px #00000080}.deck.stacked-2{box-shadow:3px 3px 0 -1px #1a0d0d,5px 5px 0 -2px #100808,7px 7px 12px #0009}.deck.stacked-3{box-shadow:3px 3px 0 -1px #1a0d0d,5px 5px 0 -2px #100808,7px 7px 0 -3px #0a0404,9px 9px 14px #000000b3}.deck img{width:100%;height:100%;object-fit:contain;border-radius:7px;display:block}.deck-count{position:absolute;bottom:6px;right:6px;background:#000000e6;color:var(--gold);padding:3px 8px;border-radius:6px;font-size:12px;font-weight:800;pointer-events:none;font-family:var(--font-jp);letter-spacing:1px;border:1px solid var(--line-hi);box-shadow:0 0 8px #d4af374d}.slot{height:100%;aspect-ratio:5 / 7;flex-shrink:0;position:relative}.board-row.nobles .deck,.board-row.nobles .slot{aspect-ratio:1 / 1}.card-btn{width:100%;height:100%;padding:0;margin:0;border:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border-radius:3px;cursor:var(--cursor-pointer);transition:transform .2s ease,box-shadow .2s;display:block;position:relative;box-shadow:0 2px 8px #00000080;overflow:hidden}.card-btn img{position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:top left;object-fit:cover;display:block;image-rendering:-webkit-optimize-contrast}.card-btn:hover{transform:scale(1.9);z-index:30;box-shadow:0 16px 40px #000c,0 0 0 2px #e8d8c0d9,0 0 28px #d4af3759}.card-btn.affordable{animation:affordable-pulse 2.2s ease-in-out infinite}@keyframes affordable-pulse{0%,to{box-shadow:0 2px 8px #00000080,0 0 #3fb95000}50%{box-shadow:0 2px 10px #00000080,0 0 18px #3fb95080,0 0 0 1px #3fb95099}}.card-btn.affordable:hover{animation:none}.empty-slot{width:100%;height:100%;border:1px dashed var(--line);border-radius:8px;background:#ffffff05}.noble-card{width:100%;height:100%;border-radius:8px;border:0;transition:transform .2s ease,box-shadow .2s;display:block;position:relative;box-shadow:0 2px 10px #0009,0 0 0 2px var(--gold),0 0 20px #d4af374d;overflow:hidden}.noble-card img{position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:top left;object-fit:cover;display:block;image-rendering:-webkit-optimize-contrast}.noble-card:hover{transform:scale(1.9);z-index:30;box-shadow:0 16px 40px #000c,0 0 0 3px var(--gold),0 0 36px #d4af3799}.token-bank{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px;gap:12px;background:linear-gradient(180deg,var(--bg-panel-hi),var(--bg-panel));border:1px solid var(--line);border-radius:10px;margin-top:4px;box-shadow:0 4px 16px #00000080,inset 0 1px #ffffff0a}.token-pieces{grid-column:2;display:flex;gap:16px;align-items:center}.token-actions{grid-column:3;justify-self:end;display:flex;gap:8px}.token-actions button{padding:10px 18px;border-radius:6px;border:1px solid #5a0808;cursor:var(--cursor-pointer);font-weight:700;font-size:13px;background:linear-gradient(180deg,var(--red),var(--red-deep));color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px #ffffff2e,0 2px 8px #00000080,0 0 14px #ce2c2c59;transition:filter .15s,transform .1s;letter-spacing:1px}.token-actions button:hover{filter:brightness(1.15);transform:translateY(-1px)}.token-actions button.secondary{background:linear-gradient(180deg,#2a1a1a,#1a0d0d);border-color:#4a2020;text-shadow:none;box-shadow:inset 0 1px #ffffff0f,0 2px 4px #0006}.token{position:relative;width:64px;height:64px;border-radius:50%;padding:0;border:3px solid #444;cursor:var(--cursor-pointer);background:radial-gradient(circle at 30% 30%,#2a1010,#0a0404);background-clip:padding-box;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 10px #0009;animation:token-float 4s ease-in-out infinite}.token:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#2a1010,#0a0404);z-index:0}.token img,.token .count,.token .pending{position:relative;z-index:1}.token.token-earth{background:conic-gradient(from 0deg,var(--c-earth),color-mix(in srgb,var(--c-earth) 60%,white),var(--c-earth),color-mix(in srgb,var(--c-earth) 60%,black),var(--c-earth));box-shadow:0 4px 10px #0009,0 0 16px #b8895a80}.token.token-water{background:conic-gradient(from 0deg,var(--c-water),color-mix(in srgb,var(--c-water) 60%,white),var(--c-water),color-mix(in srgb,var(--c-water) 60%,black),var(--c-water));box-shadow:0 4px 10px #0009,0 0 16px #4dd0e180}.token.token-wind{background:conic-gradient(from 0deg,var(--c-wind),color-mix(in srgb,var(--c-wind) 60%,white),var(--c-wind),color-mix(in srgb,var(--c-wind) 60%,black),var(--c-wind));box-shadow:0 4px 10px #0009,0 0 16px #10b98180}.token.token-fire{background:conic-gradient(from 0deg,var(--c-fire),color-mix(in srgb,var(--c-fire) 60%,white),var(--c-fire),color-mix(in srgb,var(--c-fire) 60%,black),var(--c-fire));box-shadow:0 4px 10px #0009,0 0 16px #fb923c80}.token.token-lightning{background:conic-gradient(from 0deg,var(--c-lightning),#a855f7,var(--c-lightning),color-mix(in srgb,var(--c-lightning) 60%,black),var(--c-lightning));box-shadow:0 4px 10px #0009,0 0 16px #facc1580,0 0 10px #a855f766}.token-pieces .token:nth-child(1){animation-delay:-.1s}.token-pieces .token:nth-child(2){animation-delay:-.8s}.token-pieces .token:nth-child(3){animation-delay:-1.6s}.token-pieces .token:nth-child(4){animation-delay:-2.4s}.token-pieces .token:nth-child(5){animation-delay:-3.2s}.token-pieces .token:nth-child(6){animation-delay:-2s}@keyframes token-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.token img{width:100%;height:100%;object-fit:contain;border-radius:50%}.token .count{position:absolute;bottom:-6px;right:-6px;background:linear-gradient(180deg,#2a1a1a,#100808);color:#fff;border:1px solid var(--line-hi);border-radius:12px;padding:2px 8px;font-size:13px;font-weight:800;min-width:22px;text-align:center;box-shadow:0 2px 6px #0009}.token .pending{position:absolute;top:-8px;left:-8px;background:linear-gradient(180deg,var(--red-bright),var(--red-deep));color:#fff;border:1px solid #5a0808;border-radius:12px;padding:2px 7px;font-size:12px;font-weight:900;box-shadow:0 2px 8px var(--red-glow)}.token.selected{transform:scale(1.12);animation-play-state:paused}.token.token-earth:hover:not(:disabled):not(.locked),.token.token-earth.selected{box-shadow:0 4px 12px #0009,0 0 28px #b8895ad9}.token.token-water:hover:not(:disabled):not(.locked),.token.token-water.selected{box-shadow:0 4px 12px #0009,0 0 28px #4dd0e1d9}.token.token-wind:hover:not(:disabled):not(.locked),.token.token-wind.selected{box-shadow:0 4px 12px #0009,0 0 28px #10b981d9}.token.token-fire:hover:not(:disabled):not(.locked),.token.token-fire.selected{box-shadow:0 4px 12px #0009,0 0 28px #fb923cd9}.token.token-lightning:hover:not(:disabled):not(.locked),.token.token-lightning.selected{box-shadow:0 4px 12px #0009,0 0 28px #facc15d9,0 0 16px #a855f780}.token.token-mixed{background:conic-gradient(from 0deg,#ce2c2c,#facc15,#10b981,#4dd0e1,#a855f7,#ce2c2c)}.token:disabled{opacity:.4;cursor:not-allowed;animation:none}.token.locked{cursor:var(--cursor-default)}.token:hover:not(:disabled):not(.locked){transform:scale(1.08)}.right-column{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-height:0}.log-panel,.chat-panel{background:linear-gradient(180deg,#1a0d0d8c,#1008088c);border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 16px #00000080;position:relative;z-index:1;min-height:0}.chat-scroll{flex:1;overflow-y:auto;padding-right:8px;font-size:13px;line-height:1.5;scrollbar-width:thin;scrollbar-color:var(--red-deep) transparent;display:flex;flex-direction:column;gap:6px}.chat-scroll::-webkit-scrollbar{width:8px}.chat-scroll::-webkit-scrollbar-track{background:#ffffff08;border-radius:999px;margin:4px 0}.chat-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--red),var(--red-deep));border-radius:999px;border:1px solid rgba(0,0,0,.4)}.chat-empty{color:var(--text-muted);font-style:italic;font-size:12px;text-align:center;padding:16px 4px}.chat-msg{display:flex;flex-direction:column;gap:1px;padding:6px 10px;background:#00000059;border:1px solid var(--line);border-radius:8px;word-break:break-word}.chat-msg.me{background:#4a202073;border-color:var(--line-hi)}.chat-author{font-weight:800;font-size:11px;letter-spacing:1px;text-transform:uppercase}.chat-text{color:var(--text)}.chat-form{display:flex;gap:8px;margin-top:10px;flex-shrink:0;align-items:stretch}.chat-input{flex:1;min-width:0;padding:10px 14px;background:var(--bg-deep);border:1px solid var(--line-hi);border-radius:6px;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.chat-input:focus{border-color:var(--red);box-shadow:0 0 0 2px #ce2c2c33}.chat-send{flex-shrink:0;padding:0 14px;background:linear-gradient(180deg,var(--red),var(--red-deep));border:1px solid #5a0808;border-radius:6px;color:#fff;font-family:inherit;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:11px;cursor:var(--cursor-pointer);transition:filter .15s,transform .1s}.chat-send:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.chat-send:disabled{opacity:.4;cursor:not-allowed}.log-scroll{overflow-y:auto;flex:1;font-size:12px;line-height:1.6;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--red-deep) transparent}.log-scroll::-webkit-scrollbar{width:8px}.log-scroll::-webkit-scrollbar-track{background:#ffffff08;border-radius:999px;margin:4px 0}.log-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--red),var(--red-deep));border-radius:999px;border:1px solid rgba(0,0,0,.4);box-shadow:inset 0 1px #d4af3740,0 0 4px #ce2c2c66}.log-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--red-bright),var(--red));box-shadow:inset 0 1px #d4af3766,0 0 8px #ef303099}.log-scroll::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--gold),var(--gold-soft))}.log-line{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}.log-line:last-child{border-bottom:none}.log-line-surrender{background:linear-gradient(90deg,#ce2c2c73,#7a0e0e73);border:1px solid var(--red);border-radius:6px;padding:6px 10px;margin:2px 0;box-shadow:0 0 12px #ce2c2c4d}.log-line-surrender .log-text{font-weight:800;color:#fff}.log-num{color:var(--gold-soft);font-family:Courier New,monospace;font-size:10px;min-width:22px;text-align:right;flex-shrink:0;opacity:.6}.log-text{flex:1;color:var(--text);display:inline-flex;flex-wrap:wrap;align-items:center;gap:3px}.log-actor{font-weight:800}.log-text .token-chip{vertical-align:middle;background:#2a1414;border:1.5px solid var(--gold-soft);box-shadow:0 0 0 1px #000,0 2px 6px #000000b3}.card-name{display:inline-block;padding:2px 8px;border-radius:6px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);margin:0 2px;border:1px solid rgba(255,255,255,.18);box-shadow:0 1px 4px #0006;white-space:nowrap}.card-name-l1{background:linear-gradient(180deg,#2ea043,#1f7a32)}.card-name-l2{background:linear-gradient(180deg,#8b4ad1,#5c2b94)}.card-name-l3{background:linear-gradient(180deg,#d12c2c,#8a0e0e)}.card-name-tailed{background:linear-gradient(180deg,#d4af37,#8a6f1f);color:#1a0808;text-shadow:0 1px 1px rgba(255,255,255,.3);border-color:#ffffff73}.token-chip{display:inline-block;vertical-align:-4px;border-radius:50%;border:1px solid var(--line-hi);background:var(--bg-deep);margin:0 2px;object-fit:contain;box-shadow:0 0 4px #0006}.take-btn{display:inline-flex;align-items:center;gap:8px}.take-btn-tokens{display:inline-flex;align-items:center;gap:2px}.take-btn .token-chip{vertical-align:middle;border-color:#ffffff40}.dashboard{background:radial-gradient(ellipse at center,rgba(206,44,44,.08),transparent 70%),linear-gradient(180deg,#1a0d0d,#0a0404);border:1px solid var(--line);border-radius:10px;padding:14px 20px;border-top:4px solid var(--red);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;min-height:120px;transition:box-shadow .3s,border-color .3s;box-shadow:0 -4px 20px #00000080,inset 0 1px #ffffff0a;position:relative;z-index:2}.dashboard>.dash-extras{justify-self:end}.dashboard.my-turn{border-top-color:#3fb950;box-shadow:0 -4px 28px #3fb95066,inset 0 1px #ffffff0a}.dash-header{display:flex;flex-direction:column;gap:10px;min-width:0}.dash-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:19px;font-weight:800;font-family:var(--font-jp);letter-spacing:3px}.dash-name strong{text-shadow:0 1px 3px rgba(0,0,0,.6);font-weight:900}.dash-seat-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.18);flex-shrink:0}.dash-points-block{display:flex;align-items:center;gap:16px}.dash-points-wrap{display:flex;flex-direction:column;align-items:center;padding:4px 14px;background:linear-gradient(180deg,#d4af3726,#d4af3708);border:1px solid var(--gold-soft);border-radius:10px;box-shadow:0 0 14px #d4af3740,inset 0 1px #ffffff0d;min-width:70px}.dash-points{font-family:var(--font-jp);font-size:40px;font-weight:900;color:var(--gold);text-shadow:0 0 18px rgba(212,175,55,.6),0 2px 2px rgba(0,0,0,.5);letter-spacing:-1px;line-height:1}.dash-points-sub{font-size:10px;letter-spacing:3px;color:var(--gold-soft);text-transform:uppercase;margin-top:2px}.chakra-bar-wrap{position:relative;flex:0 0 auto;width:200px;height:30px;background:#0a0404;border:1px solid var(--line-hi);border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 6px #000c}.chakra-bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--red-deep),var(--red),var(--red-bright));border-radius:999px;transition:width .5s cubic-bezier(.2,.8,.3,1);box-shadow:0 0 14px var(--red-glow);overflow:hidden}.chakra-shine{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:chakra-shine 2.5s linear infinite}@keyframes chakra-shine{0%{transform:translate(-100%)}to{transform:translate(400%)}}.chakra-bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.9);pointer-events:none}.dash-tokens{display:flex;gap:12px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:auto}.dash-token{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.dash-token-img-wrap{position:relative;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#2a1010,#0a0404);border:2px solid var(--line-hi);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0009,inset 0 1px #ffffff14;transition:border-color .2s,box-shadow .2s}.dash-token img{width:44px;height:44px;border-radius:50%}.dash-bonus-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(180deg,#3fb950,#1f7a2f);color:#fff;font-size:11px;font-weight:900;padding:2px 7px;border-radius:12px;border:1px solid #1a4a20;box-shadow:0 2px 6px #0009,0 0 10px #3fb95080;min-width:22px;text-align:center}.dash-count-ring{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#1a0808,#050202);border:2px solid var(--line-hi);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#fff;box-shadow:inset 0 1px #ffffff0f,0 2px 6px #0009;transition:border-color .2s,box-shadow .2s}.dash-token.token-earth .dash-token-img-wrap,.dash-token.token-earth .dash-count-ring{border-color:var(--c-earth)}.dash-token.token-water .dash-token-img-wrap,.dash-token.token-water .dash-count-ring{border-color:var(--c-water)}.dash-token.token-wind .dash-token-img-wrap,.dash-token.token-wind .dash-count-ring{border-color:var(--c-wind)}.dash-token.token-fire .dash-token-img-wrap,.dash-token.token-fire .dash-count-ring{border-color:var(--c-fire)}.dash-token.token-lightning .dash-token-img-wrap,.dash-token.token-lightning .dash-count-ring{border-color:var(--c-lightning)}.dash-token.token-mixed .dash-token-img-wrap,.dash-token.token-mixed .dash-count-ring{border-color:var(--c-mixed)}.dash-extras{display:flex;gap:24px;min-width:0}.dash-section{display:flex;flex-direction:column;gap:8px;min-width:130px}.dash-label{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-jp);font-size:11px;letter-spacing:4px;color:var(--gold);text-transform:uppercase;font-weight:700;text-shadow:0 0 8px rgba(212,175,55,.3)}.dash-label:before,.dash-label:after{content:"";flex:1;max-width:22px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-soft),transparent)}.dash-cards{display:flex;gap:5px;min-height:64px;align-items:center;justify-content:center}.dash-cards .muted{font-style:italic;font-size:11px}.dash-card-btn{width:48px;height:66px;padding:0;border:1px solid var(--line-hi);background:none;border-radius:5px;cursor:var(--cursor-pointer);overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:0 2px 6px #00000080}.dash-card-btn img{width:100%;height:100%;object-fit:cover}.dash-card-btn:hover{transform:scale(1.15);border-color:var(--red);box-shadow:0 4px 14px #000000b3,0 0 16px var(--red-glow)}.dash-tb{width:52px;height:52px;border-radius:6px;border:1px solid var(--gold);box-shadow:0 2px 8px #0009,0 0 12px #d4af374d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020202d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg,var(--bg-panel-hi),var(--bg-panel));border:1px solid var(--line-hi);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 32px 100px #000000e6,0 0 0 1px #ffffff0a,0 0 80px #ce2c2c33;max-height:92vh;overflow-y:auto;animation:pop-in .22s cubic-bezier(.2,.8,.3,1.2)}@keyframes pop-in{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.modal-actions .muted{margin-right:auto;font-size:13px}.modal.card-modal{min-width:540px;max-width:680px}.card-modal-body{display:flex;gap:20px;align-items:flex-start}.modal-card{width:240px;flex-shrink:0;border-radius:10px;border:1px solid var(--line-hi);box-shadow:0 16px 40px #000c}.card-modal-info{flex:1;display:flex;flex-direction:column;gap:12px;padding-top:6px}.card-modal-title{display:flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.card-modal-title h3{margin:0;flex:1;font-size:22px;font-weight:800;font-family:var(--font-jp);letter-spacing:1px}.card-pts{background:linear-gradient(180deg,var(--gold),var(--gold-soft));color:#1a0d00;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.2);box-shadow:0 2px 8px #d4af3780}.cost-list{display:flex;flex-direction:column;gap:6px}.cost-row{display:flex;align-items:center;gap:12px}.cost-pip{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-size:14px;font-weight:900;background:#0a0404;border:3px solid #555;color:#fff;flex-shrink:0;box-shadow:0 2px 6px #00000080}.cost-pip.token-earth{border-color:var(--c-earth);box-shadow:0 0 12px #b8895a66}.cost-pip.token-water{border-color:var(--c-water);box-shadow:0 0 12px #4dd0e166}.cost-pip.token-wind{border-color:var(--c-wind);box-shadow:0 0 12px #10b98166}.cost-pip.token-fire{border-color:var(--c-fire);box-shadow:0 0 12px #fb923c66}.cost-pip.token-lightning{border-color:var(--c-lightning);box-shadow:0 0 12px #facc1566}.cost-arrow{font-size:18px;color:var(--text-muted);font-weight:700}.cost-pay{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.pay-group{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:800;color:var(--text)}.pay-count{font-family:Courier New,monospace;font-weight:900;color:var(--bone)}.pay-group .token-chip{margin:0}.pay-icon{display:inline-block;width:22px;height:22px;border-radius:50%;vertical-align:middle}.bonus-pip{background:radial-gradient(circle at 35% 30%,#74e08a,#2ea043 60%,#1f7a32);border:2px solid rgba(63,185,80,.8);box-shadow:0 0 6px #3fb95080;position:relative}.bonus-pip:after{content:"★";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#0d2e16;font-weight:900;line-height:1}.cost-short{margin-top:10px;padding:8px 12px;border-radius:6px;background:#ce2c2c2e;border:1px solid var(--red);color:#f6a8a8;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.cost-short-group{display:inline-flex;align-items:center;gap:4px}.modal-inventory{margin-top:14px;padding:12px 14px;background:#00000059;border:1px solid var(--line);border-radius:8px}.inv-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;text-align:center}.inv-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center}.inv-cell{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;background:#0006;border:1px solid var(--line-hi);border-radius:999px;font-family:Courier New,monospace;font-weight:900;font-size:15px;color:var(--bone)}.inv-cell .token-chip{margin:0}.inv-count{min-width:14px;text-align:center}.inv-bonus{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;margin-left:2px;background:#3fb9502e;border:1px solid rgba(63,185,80,.4);border-radius:999px;color:#3fb950;font-size:12px}.inv-bonus-star{font-size:11px;line-height:1}.reserve-btn{display:inline-flex;align-items:center;gap:6px}.reserve-btn-bonus{display:inline-flex;align-items:center;gap:1px;font-weight:800;color:var(--gold)}.reserve-btn .token-chip{margin:0}.cost-short strong{color:#ffb0b0;font-size:15px;font-family:Courier New,monospace}.cost-short .token-chip{vertical-align:middle}.modal.detail{min-width:700px;max-width:880px}.detail-header-v2{display:flex;align-items:center;gap:14px;padding:14px 18px;margin:-22px -22px 0;border-bottom:2px solid;border-radius:14px 14px 0 0}.detail-seat-dot{width:18px;height:18px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.18)}.detail-name-block{flex:1;display:flex;flex-direction:column;gap:4px}.detail-name-block h3{margin:0;font-size:26px;font-weight:900;font-family:var(--font-jp);letter-spacing:3px;text-shadow:0 1px 2px rgba(0,0,0,.6);display:flex;align-items:center;gap:10px}.detail-you-tag{font-size:10px;font-weight:900;letter-spacing:2px;color:var(--gold);background:#d4af3726;padding:2px 8px;border:1px solid var(--gold-soft);border-radius:999px;font-family:var(--font-body)}.detail-summary{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}.detail-summary strong{color:var(--bone);font-family:Courier New,monospace;font-size:13px}.detail-summary-tb,.detail-summary-tb strong{color:var(--gold)}.detail-points-v2{display:flex;flex-direction:column;align-items:center;padding:6px 14px;background:linear-gradient(180deg,#d4af372e,#d4af370d);border:1px solid var(--gold-soft);border-radius:10px;box-shadow:0 0 16px #d4af3740}.detail-points-num{font-family:var(--font-jp);font-size:36px;font-weight:900;color:var(--gold);line-height:1;text-shadow:0 0 16px rgba(212,175,55,.6),0 2px 2px rgba(0,0,0,.5)}.detail-points-label{font-size:10px;letter-spacing:3px;color:var(--gold-soft);text-transform:uppercase;margin-top:2px}.detail-section{display:flex;flex-direction:column;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04)}.detail-section:last-of-type{border-bottom:none}.detail-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-weight:700}.detail-inventory .detail-label,.log-panel .section-title,.chat-panel .section-title{display:flex;align-items:center;justify-content:center;gap:14px;font-family:var(--font-jp);font-size:14px;font-weight:700;letter-spacing:6px;color:var(--gold);text-transform:uppercase;text-shadow:0 0 12px rgba(212,175,55,.4);padding:4px 0;border-bottom:none}.detail-inventory .detail-label:before,.detail-inventory .detail-label:after,.log-panel .section-title:before,.log-panel .section-title:after,.chat-panel .section-title:before,.chat-panel .section-title:after{content:"";flex:1;max-width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-soft),transparent)}.detail-inventory .inv-cell{padding:6px 14px 6px 8px;font-size:17px;gap:8px}.detail-inventory .inv-count{min-width:18px;font-size:17px}.detail-inventory .inv-bonus{font-size:13px;padding:3px 8px}.detail-inventory .inv-bonus-star{font-size:12px}.detail-cards{display:flex;gap:22px;flex-wrap:wrap;align-items:flex-end;padding:4px 0}.color-stack{display:flex;flex-direction:column;align-items:center;gap:8px}.color-stack-head{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;background:#00000080;border:1px solid var(--line-hi);border-radius:999px}.color-stack-head .token-chip{margin:0}.color-stack-count{font-family:Courier New,monospace;font-size:13px;font-weight:900;color:var(--bone)}.stack-row{display:flex}.stack-card{width:74px;height:104px;border-radius:6px;border:1px solid var(--line-hi);object-fit:cover;box-shadow:0 6px 14px #00000080;transition:transform .15s,z-index 0s}.stack-card:hover{transform:translateY(-10px) scale(1.1);z-index:5;position:relative;box-shadow:0 12px 28px #000000b3,0 0 18px var(--red-glow)}.detail-reserved{display:flex;gap:8px;flex-wrap:wrap}.reserved-small{width:66px;height:92px;border-radius:6px;border:1px solid var(--line-hi);object-fit:cover;box-shadow:0 4px 12px #00000080;transition:transform .15s}.reserved-small:hover{transform:translateY(-4px) scale(1.05)}.detail-tbs{display:flex;gap:10px;flex-wrap:wrap}.detail-tb{width:72px;height:72px;border-radius:8px;border:2px solid var(--gold);object-fit:cover;box-shadow:0 0 18px #d4af3766,0 4px 12px #00000080;transition:transform .15s}.detail-tb:hover{transform:scale(1.08)}.big-moment{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none;display:flex;align-items:center;justify-content:center}.big-flash{position:absolute;top:0;right:0;bottom:0;left:0;animation:bm-flash .6s ease-out}@keyframes bm-flash{0%{background:#fff0}20%{background:#ce2c2c73}to{background:#0000}}.big-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;animation:bm-stage 1.8s cubic-bezier(.2,.8,.3,1.1) forwards}@keyframes bm-stage{0%{opacity:0;transform:scale(.5)}15%{opacity:1;transform:scale(1.15)}35%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(1.1)}}.big-kanji{font-family:var(--font-jp);font-size:220px;font-weight:900;line-height:.9;color:var(--red-bright);text-shadow:0 0 30px rgba(239,48,48,.9),0 0 80px rgba(239,48,48,.6),0 8px 0 #500808,0 0 0 8px rgba(0,0,0,.4);-webkit-text-stroke:4px #fff;text-stroke:4px #fff}.big-text{font-family:var(--font-body);font-size:22px;font-weight:800;color:var(--bone);letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.9);text-transform:uppercase}.big-moment-win .big-kanji{color:var(--gold);text-shadow:0 0 30px rgba(212,175,55,.9),0 0 80px rgba(212,175,55,.6),0 8px 0 #5a4810,0 0 0 8px rgba(0,0,0,.4)}.big-moment-win .big-stage{animation-duration:4s}.big-moment-win .big-text{color:var(--gold)}.big-moment-milestone .big-kanji{color:var(--c-water);text-shadow:0 0 30px rgba(77,208,225,.9),0 0 80px rgba(77,208,225,.6),0 8px 0 #084a55,0 0 0 8px rgba(0,0,0,.4)}