/* An original poker-anime scene set in a fictional club in Minato, Tokyo. */
:root{--paper:#f2f1ec;--white:#fffdf5;--ink:#283044;--muted:#747987;--line:#d3d3ce;--red:#ce6058;--red-dark:#b84c46;--green:#48746e}
body{background-image:radial-gradient(#53617710 .65px,transparent .65px);background-size:7px 7px}
.hero,.activity,.panel,.character-card,.continue-card,.characters-inline{border-color:#30384b;border-width:2px;box-shadow:3px 4px 0 #30384b16;border-radius:3px}
.brand-text{color:#283044}.brand-mark{color:#ce6058}.nav a.active{background:#e1e9e5;color:#283044}.nav a.active:before{background:#ce6058}
.hero-stamp{border:1px solid #283044;background:#fff9e8;letter-spacing:1px}
.btn.red{box-shadow:2px 3px 0 #343a492a}.activity-art.solo{background-color:#c5d7d1}.activity-art.challenge{background-color:#ecd8ba}
.immersive{background:#172530}
.arena-screen{color:#293246;background:#263e49 url('/assets/tokyo-night-1988.png') center center/cover no-repeat}
.arena-vignette{z-index:2;background:linear-gradient(0deg,#14212c70,transparent 25%,transparent 78%,#15213126);box-shadow:inset 0 0 60px #14243944}
.arena-brand{color:#fff4d6;filter:drop-shadow(2px 3px 0 #1d2935)}
.arena-brand>span{color:#f38d74;text-shadow:none}.arena-brand>div{font-family:var(--sans);font-size:19px;font-weight:900;letter-spacing:1px}.arena-brand small{color:#f1e1c2;font-weight:500}
.arena-round{clip-path:none;background:#233442ed;border:2px solid #e9d5a2;border-radius:2px;box-shadow:4px 4px 0 #14202da8;padding:13px 21px 14px}
.round-overline{color:#dbd9ce;font:9px var(--sans);letter-spacing:1.5px}.round-overline>span{color:#fff7df;font-size:14px}.round-overline i{color:#b5c8cd}
.phase-track span{color:#93aaaF;font-weight:600}.phase-track .complete{color:#a5d5c8}.phase-track .current{color:#ffb291}.phase-track .current:after{background:#f28a70;box-shadow:none;height:3px}
.arena-screen .btn.arena-icon{background:#fff7e6;color:#2d384a;border:2px solid #303849;border-radius:3px;box-shadow:2px 2px 0 #202b3a80}.arena-screen .btn.arena-icon:hover{background:#f6d6a2}
.arena-announcement{top:126px;padding:11px 26px;background:#fffbef;border:2px solid #2b3549;border-radius:4px;box-shadow:4px 4px 0 #182b3977;gap:13px}
.arena-announcement:after{content:'';position:absolute;left:32px;bottom:-10px;width:15px;height:15px;transform:skewY(-35deg);background:inherit;border-left:2px solid #2b3549;border-bottom:2px solid #2b3549}
.arena-announcement h1{font:800 17px var(--sans);letter-spacing:1px;color:#293347;text-shadow:none}.ornament{color:#cd625d;font-size:9px}.your-turn .arena-announcement{background:#ffebbd}
.arena-roster{gap:7px}.arena-player{background:#fff9ebed;border:1.5px solid #2c3948;border-left:3px solid #2c3948;border-radius:2px;box-shadow:3px 3px 0 #14233040;padding:9px 9px;gap:9px;color:#2c3849}
.arena-player.current{background:#ffdf9c;border:2px solid #2c3948;border-left:4px solid #c95951;box-shadow:3px 3px 0 #c9595170}.arena-player.folded{opacity:.53}
.arena-player strong{font-size:10px;font-weight:700;letter-spacing:0}.arena-player em{color:#aa4949;font-weight:800}.player-chips{color:#34495c;font-weight:700;font-size:14px}.player-chips small{color:#697c7c;font-weight:600}
.seat-number{background:#334756;color:#f7eccf;border:1px solid #253545;box-shadow:none}.arena-player.current .seat-number{color:#fff9e9;background:#b95750;border-color:#623b43;box-shadow:none}
.revealed-hand{color:#a24749}.arena-screen .revealed-hand{color:#a24749}
.arena-pot{background:#fff9e9eb;border:2px solid #364350;border-radius:3px;padding:7px 19px;box-shadow:3px 3px 0 #182b3855;text-shadow:none;min-width:106px}
.arena-pot>span{color:#627277;font:700 8px var(--sans);letter-spacing:2px}.arena-pot strong{color:#273d4c;font:800 29px var(--sans);letter-spacing:0;margin-top:2px}.arena-pot small{color:#687c80;font-size:7px}
.field-name{background:#263c49ef;border:1px solid #e1cd9f;color:#fff2d0;border-radius:2px;padding:4px 8px;box-shadow:2px 2px 0 #16273040;font-size:10px}.field-name span{color:#c9d5cb}.field-name.current{background:#98554b;border-color:#f7d893}.field-name.current strong{color:#fff7da}.field-name.current:before{color:#ffe0a3}
.arena-location{background:#223540d9;padding:8px 12px;border:1px solid #ddc69799;gap:10px;border-radius:2px;bottom:36px;left:25px}.arena-location>span{font:700 11px var(--sans);padding:7px;border:1px solid #dfcba78c;color:#ead6ac}.arena-location>div{font:600 12px var(--sans);letter-spacing:1px;color:#faebcd}.arena-location small{color:#bad1d0;font-size:7px;letter-spacing:1px;margin-top:6px}.arena-fineprint{color:#cad2c8;text-shadow:0 1px 3px #10242a}
.arena-journal{color:#fff2d1}.arena-journal summary{border-bottom-color:#efdfb5b3;text-shadow:0 1px 3px #16272d;font-size:10px}.arena-journal>div{background:#fff9ef;color:#34424f;border:2px solid #2e3a4b;box-shadow:3px 3px 0 #1c2a3a4f}.arena-journal p{color:#536876;border-color:#c1c6c4}.arena-journal b{color:#a24d49}
.hand-plinth{background:linear-gradient(0deg,#192f3d70,transparent 90%);border-radius:0;padding-bottom:22px}
.hand-heading{color:#fff6df;background:#263b49e8;border:1px solid #d7c7a2;padding:10px 12px;font:700 11px var(--sans);letter-spacing:1px;text-shadow:none;align-self:flex-end;margin-bottom:13px;transform:rotate(-2deg);box-shadow:3px 3px 0 #15293a40}
.hand-heading small{font-size:7px;color:#bed3cc;letter-spacing:1px;margin-top:5px}
.hand-value{padding:9px 12px;background:#263b49e8;border:1px solid #d7c7a2;margin-bottom:13px;transform:rotate(1deg);box-shadow:3px 3px 0 #15293a40}.hand-value strong{color:#fff2cf;font:700 20px var(--sans)}.hand-value>span{color:#c4dacd;font-weight:600;margin-top:5px}
.hand-fan .playing-card{background:#fffdf5;border:2px solid #30384c;box-shadow:5px 7px 0 #1727345e;border-radius:5px;color:#2b354c}.hand-fan .playing-card.red-card{color:#ca4c59}
.arena-controls{background:#fff9ecef;border:2px solid #2b374a;border-bottom:0;border-radius:3px 3px 0 0;box-shadow:5px 0 0 #1c293944;padding:13px 22px 12px;background-image:radial-gradient(#4658790a .7px,transparent .7px);background-size:5px 5px}
.arena-controls:before,.arena-controls:after{display:none}.arena-controls .turn-status{color:#273b4d;font-size:12px;font-weight:700}.arena-controls .hint{color:#657982;font-weight:500}.arena-controls .dot{background:#c85653;box-shadow:0 0 0 3px #c856531b}
.arena-controls .btn{border:2px solid #2c384c;border-radius:3px;box-shadow:2px 3px 0 #2c384c40;font-weight:800;font-size:12px;letter-spacing:.3px;min-height:43px}
.arena-controls .btn.dark{background:#416b74;color:#fff8df;border-color:#2c384c}.arena-controls .btn.light{background:#f4e9d8;color:#6b6a6f;border-color:#8c9197}.arena-controls .btn.red{background:#cd6759;color:#fffaf0;border-color:#563b42;box-shadow:2px 3px 0 #563b4240}.arena-controls .btn.outline{background:#fff9ef;border-color:#586f7b;color:#344d5d}
.arena-controls input[type=range]{accent-color:#b85e50}.arena-controls input[type=number]{background:#fffdf5;color:#2c4252;border:1px solid #7c9399;border-radius:2px}.arena-controls .payout{color:#283d4b;font-weight:700}.arena-controls .payout span{color:#b65e4e!important}.arena-controls .payout-detail{color:#526e76}.arena-dock #countdown{color:#a64b45}
.mobile-board{background:#fff8e9f5;border:2px solid #2c394c;box-shadow:3px 3px 0 #172a3650;border-radius:3px}.mobile-board>small{color:#38566a;font-weight:800}.arena-dock .mobile-board .empty{background:#c3cfcb55;border-color:#98a7aa}.mobile-board .playing-card{border:1px solid #39455a;color:#293b50}.mobile-board .red-card{color:#c74f57}
.camera-toggle{background:#fff8e9;color:#293d4c;border:2px solid #2e3b4c;box-shadow:3px 3px 0 #1b2c3a6b;font-weight:700;border-radius:3px}.camera-toggle[aria-expanded=true]{background:#ead39f;border-color:#2e3b4c}.camera-panel{background:#fff8edfa;border:2px solid #303d4c;box-shadow:4px 4px 0 #1b2c3a6b;border-radius:3px}.camera-panel-title{color:#293f50;font-weight:700}.camera-panel-title output{color:#a7554d;font-weight:700}.camera-panel input[type=range]{accent-color:#b36056}.camera-range-labels,.camera-panel p{color:#6b7c82}.camera-presets button{background:#ede9df;border:1px solid #697c8a;color:#345064;font-weight:700}.camera-presets button[aria-pressed=true]{background:#ba685a;color:#fff9e9;border-color:#714949}.arena-screen .camera-look .camera-reset{color:#415a66;border:1px solid #7c9096;background:#fffaf0}.camera-panel button:focus-visible,.camera-toggle:focus-visible,.camera-panel input:focus-visible{outline-color:#be5d50}
@media(max-width:1100px){.arena-brand>div{font-size:16px}.arena-player{padding:7px 6px;gap:6px}.arena-player strong{font-size:8px}.player-chips{font-size:12px}.hand-heading{padding:8px;font-size:9px}.hand-value{padding:8px}.hand-value strong{font-size:17px}.arena-controls{padding:12px 15px}.arena-announcement{top:120px}.arena-location{left:15px;padding:7px 9px}.arena-location>div{font-size:10px}}
@media(max-width:750px){.arena-brand>div{font-size:13px}.arena-round{padding:10px 16px 11px}.round-overline{font-size:7px;letter-spacing:.8px}.round-overline>span{font-size:12px}.arena-announcement{top:160px;padding:7px 16px;border-width:1.5px;box-shadow:3px 3px 0 #182b3977}.arena-announcement h1{font-size:12px}.arena-announcement:after{width:10px;height:10px;bottom:-7px}.arena-pot{padding:5px 12px;min-width:85px}.arena-pot>span{font-size:6px}.arena-pot strong{font-size:23px}.arena-pot small{font-size:5px}.hand-plinth{padding-bottom:10px}.hand-heading{padding:6px;font-size:8px;letter-spacing:0;margin-bottom:8px}.hand-heading small{display:none}.hand-value{padding:6px;margin-bottom:8px}.hand-value strong{font-size:13px}.hand-value>span{font-size:6px}.arena-controls{padding:10px 12px}.arena-controls .btn{font-size:10px;min-height:37px;padding:9px 6px}.arena-controls .turn-status{font-size:10px}.arena-controls .hint{font-size:8px}.arena-location{bottom:340px;left:13px;padding:5px 7px}.arena-location>span{font-size:8px;padding:5px}.arena-location>div{font-size:8px}.arena-location small{font-size:5px;letter-spacing:.7px;margin-top:4px}.arena-journal summary{font-size:8px}}
@media(max-width:650px){.arena-roster{gap:4px}.arena-player{padding:5px 6px;gap:5px;min-height:37px;box-shadow:2px 2px 0 #14233040;border-width:1px;border-left-width:2px}.arena-player.current{border-width:1px;border-left-width:3px}.arena-player strong{font-size:7px}.arena-player .player-chips{font-size:9px;margin-top:2px}.arena-player .seat-number{width:22px;height:22px;flex-basis:22px}.arena-location{display:none}.arena-screen .revealed-hand{display:none}.arena-round{width:calc(100vw - 35px)}.field-name{font-size:8px}}
@media(prefers-reduced-motion:reduce){.arena-screen *{animation:none!important;transition:none!important}}
@media(max-width:650px){.arena-screen{background-position:58% center}}