/* Poker Tokyo: a playable mobile interface, inspired by the supplied neon art. */
:root{--night:#060b1b;--electric:#29b7ff;--hot-pink:#ff3ccd;--violet:#9556ff;--neon-text:#f6f2ff}
.mobile-lounge,.mobile-tabbar,.rivals-mobile-heading{display:none}
.menu-group{margin:0 0 26px}.menu-group h2{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font:700 18px var(--serif,serif);color:#f4edff}.menu-group h2 small{font:11px ui-monospace,monospace;letter-spacing:2px;color:#ff8fd6}
.mobile-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mobile-menu-grid>a{display:flex;align-items:center;gap:15px;padding:20px;background:#101c35;border:1px solid #394d79;border-radius:8px;color:#eef3ff}
.mobile-menu-grid>a>.icon:first-child{color:#7cbeff;width:25px;height:25px;flex-shrink:0}
.mobile-menu-grid>a>.icon:last-child{width:16px;margin-left:auto;color:#b5a4ed;flex-shrink:0}
.mobile-menu-grid b,.mobile-menu-grid small{display:block}.mobile-menu-grid b{font-size:14px}.mobile-menu-grid small{font-size:11px;color:#a8bad8;margin-top:5px}
.rival-visual{position:relative;margin:-24px -24px 20px;height:240px;overflow:hidden;background:#10172d}
.rival-portrait{display:block;width:100%;height:100%;overflow:hidden}
.rival-visual:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#11192c);pointer-events:none}
.rival-kanji{position:absolute;right:17px;top:24px;writing-mode:vertical-rl;font:600 29px/1.2 var(--serif);letter-spacing:7px;color:var(--rival-accent);text-shadow:0 0 10px currentColor,0 2px 7px #080720}
.rival-info{position:absolute;left:12px;top:12px;width:38px;height:38px;border:1px solid #bed7ff7a;border-radius:50%;background:#060e24c9;color:#fff;font:italic bold 18px Georgia;cursor:pointer;z-index:2}
.rival-identity .rival-insignia{display:none}.rival-identity h2 .rival-name-ja{font:inherit;margin:0;color:inherit}.rival-identity h2 .rival-name-en{font:11px ui-monospace,monospace}
.rival-profile.cyan{--rival-accent:#4fcfff}.rival-profile.pink{--rival-accent:#ff609c}.rival-profile.violet{--rival-accent:#ff66d9}.rival-profile.gold{--rival-accent:#b095ff}
.rival-about-photo{height:250px;border-radius:6px;margin-bottom:20px}.rival-tip-heading{font-size:14px;margin:20px 0 8px}
.rival-profile>.rival-life{min-height:0;font-size:11px;line-height:1.9;color:#aebdd3;padding-top:13px;border-top:1px solid #3c485f;margin-top:13px}.rival-about-life{padding:14px 0;margin-bottom:16px;border-bottom:1px solid #46506b;color:#b9c9e0;font-size:12px;line-height:1.9}.rival-about-life b{display:block;color:#e7e9f7;font-size:13px;margin-bottom:7px}
@media(max-width:1000px) and (min-width:651px){.rival-visual{margin:-19px -19px 18px}}
@media(max-width:650px){
 body{background:var(--night);background-image:none}
 .sidebar{display:none}.app-body{margin-left:0}
 .content{padding:22px 16px calc(95px + env(safe-area-inset-bottom));max-width:none}
 .topbar{padding:0 16px;background:#090f23;border-bottom-color:#393263}
 .topbar .mobile-brand{font-size:17px}.topbar .top-right{gap:10px}.topbar button,.topbar .top-right>a{min-width:40px;min-height:42px;display:grid;place-items:center}
 .mobile-tabbar{display:flex;position:fixed;z-index:30;left:0;right:0;bottom:0;padding:7px 10px calc(7px + env(safe-area-inset-bottom));min-height:69px;justify-content:space-around;background:#070d20f7;border-top:1px solid #51417a;box-shadow:0 -6px 25px #05051b80;backdrop-filter:blur(12px)}
 .mobile-tabbar a{position:relative;display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0;min-height:49px;color:#8c9dce;font-size:11px;border-radius:8px}
 .mobile-tabbar .icon{width:23px;height:23px}.mobile-tabbar a.active{background:linear-gradient(#541c684f,#25153a44);color:#ffb9ef;text-shadow:0 0 10px #ff43cc}
 .mobile-tabbar a.active:before{content:'';position:absolute;top:-8px;left:23%;right:23%;height:3px;background:#ff6ede;box-shadow:0 0 12px #ff39dd}
 .immersive .mobile-tabbar{display:none}
 body[data-page=home] .topbar,body[data-page=home] .desktop-lounge{display:none}
 body[data-page=home] .content{padding:0 16px calc(85px + env(safe-area-inset-bottom))}
 .mobile-lounge{display:block;position:relative}
 .mobile-player-bar{display:flex;align-items:center;gap:10px;height:73px;padding-top:env(safe-area-inset-top)}
 .mobile-player{display:flex;gap:9px;align-items:center;min-width:0;color:var(--neon-text);font-size:12px;font-weight:700}
 .mobile-player .avatar{width:39px;height:39px;flex-shrink:0;border:1px solid #fb75de;box-shadow:0 0 12px #ef41ce55}
 .mobile-player small{display:block;font:10px ui-monospace,monospace;letter-spacing:1.3px;color:#dca1e5;margin-top:4px}
 .mobile-progress{margin-left:auto;display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #8273d5;border-radius:18px;background:#0e1830;white-space:nowrap}
 .mobile-progress>span{color:#ffa4e5;font-size:20px;line-height:1}.mobile-progress b{color:#eee9ff;font:700 14px var(--sans)}.mobile-progress small{font-size:11px;color:#b6afd6}
 .mobile-help{border:0;background:transparent;color:#d5caff;display:grid;place-items:center;width:37px;min-height:42px;flex-shrink:0}
 .mobile-brand-stage{position:relative;height:238px;margin:0 -16px;display:flex;align-items:center;flex-direction:column;background:linear-gradient(0deg,#060b1b,#0a0c2340 48%,#100b290c),url('/assets/tokyo-neon-city.png') 58% 36%/auto 160%;overflow:hidden}
 .mobile-brand-stage:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#b500da1c,transparent 70%);pointer-events:none}
 .mobile-edition{font:10px ui-monospace,monospace;letter-spacing:3px;color:#dce4ff;margin-top:7px;z-index:1}
 .mobile-wordmark{position:absolute;width:min(88%,340px);height:190px;top:-5px;overflow:hidden;filter:drop-shadow(0 5px 10px #030415)}
 .mobile-brand-stage h1{position:absolute;bottom:32px;font:600 20px var(--serif);letter-spacing:3px;color:#ffe9fb;text-shadow:0 0 16px #ff54d0}
 .mobile-brand-stage>p{position:absolute;bottom:12px;font:10px ui-monospace,monospace;letter-spacing:2.3px;color:#b8d1ff}
 .mobile-play{position:relative;isolation:isolate;width:100%;display:flex;align-items:center;justify-content:center;gap:18px;min-height:77px;border:1px solid #ffadeb;border-radius:12px;background:linear-gradient(130deg,#7f0f86,#d91fab 49%,#4d095e);color:#fff;box-shadow:inset 0 0 15px #ff9fe649,0 0 3px #fff,0 0 20px #ff34ce6b;cursor:pointer;margin:6px 0 15px;text-shadow:0 2px 4px #4e0644}
 .mobile-play:after{content:'';position:absolute;inset:5px;border:1px solid #ffbaf378;border-radius:7px;pointer-events:none}.mobile-play>span:first-child{font:54px/1 Georgia;color:white;filter:drop-shadow(0 0 7px #ffb0fa)}
 .mobile-play b{font:900 italic 34px/1 var(--sans);letter-spacing:2px}.mobile-play small{display:block;font-size:11px;letter-spacing:2px;margin-top:5px;font-weight:600}.mobile-play>.icon{position:absolute;right:21px;width:19px;height:19px}
 .mobile-mode-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
 .mobile-mode-pair a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:59px;border:1px solid #528bff;background:linear-gradient(130deg,#113975,#0b1240 80%);border-radius:7px;color:#eaf1ff;box-shadow:inset 0 0 12px #406eff35,0 0 9px #3461ff24}
 .mobile-mode-pair a+a{border-color:#b356ff;background:linear-gradient(130deg,#3b1768,#151132 80%);box-shadow:inset 0 0 12px #b744ff29}
 .mobile-mode-pair .icon{width:25px;height:25px;flex-shrink:0;filter:drop-shadow(0 0 5px #48bcff)}.mobile-mode-pair span{font-size:11px;font-weight:800;letter-spacing:.5px}.mobile-mode-pair small{display:block;font-size:10.5px;color:#c9d6f4;font-weight:400;margin-top:5px;letter-spacing:0}
 .mobile-story-card{display:flex;align-items:center;gap:16px;position:relative;padding:17px 15px;border:1px solid #6561bf;border-radius:7px;min-height:106px;background:linear-gradient(100deg,#13103aee,#121031d9 65%,#1d0b2833),url('/assets/tokyo-neon-city.png') 68% 36%/cover;color:#f3edff;overflow:hidden;margin-bottom:12px}
 .mobile-story-card>span:nth-child(2){flex:1}.mobile-story-emblem{font:58px/1 Georgia;color:#fff0ff;text-shadow:0 0 3px #fff,0 0 15px #ed53ff,0 0 22px #c236ff;transform:rotate(-6deg)}
 .mobile-story-card small{font:10px ui-monospace,monospace;letter-spacing:1.5px;color:#c7afff}.mobile-story-card strong{display:block;font-size:17px;letter-spacing:1px;margin:4px 0}.mobile-story-card p{font-size:11px;color:#aebfe8;margin:0}.mobile-story-card>.icon{width:18px;flex-shrink:0}
 .mobile-story-card i{display:block;width:90%;height:3px;background:#37304e;margin-top:9px}.mobile-story-card i span{display:block;height:100%;background:#ff66d9}
 .mobile-study-card{display:flex;flex-direction:column;padding:15px 17px;border:1px solid #4c4b99;border-radius:7px;background:linear-gradient(110deg,#1b1540,#0f1a38);gap:6px;color:#dfe8ff}
 .mobile-study-card>span{font:10px ui-monospace,monospace;color:#ff98e2;letter-spacing:1.5px}.mobile-study-card>strong{font-size:14px;letter-spacing:.3px}.mobile-study-card>small{font-size:11px;color:#b6c7e8;display:flex;align-items:center;justify-content:space-between}.mobile-study-card .icon{width:14px;height:14px}
 .mobile-lounge-note{text-align:center;font-size:10px;line-height:1.8;color:#8390b8;margin-top:12px}
 .mobile-menu-grid{grid-template-columns:1fr;gap:9px}.mobile-menu-grid>a{min-height:72px;padding:15px;border-color:#3f487c}.mobile-menu-grid b{font-size:13px}
 /* Four illustrated rivals are visible as a pair of rows. Details open on demand. */
 body[data-page=rivals] .topbar{display:none}body[data-page=rivals] .content{padding:12px 14px calc(86px + env(safe-area-inset-bottom))}
 body[data-page=rivals] .page-head{display:none}.rivals-mobile-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;min-height:57px;padding-top:env(safe-area-inset-top)}
 .rivals-mobile-heading>a{font-size:35px;color:#6bc9ff;width:42px;min-height:44px;display:grid;place-items:center;text-shadow:0 0 11px #098dff}
 .rivals-mobile-heading>div{text-align:center}.rivals-mobile-heading h1{font:800 italic 23px/1.2 var(--sans);color:#f3eaff;letter-spacing:2px;text-shadow:0 0 12px #834bff}.rivals-mobile-heading p{font-size:11px;letter-spacing:2px;color:#c9bcf4;margin-top:4px}.rivals-mobile-heading>span{font:10px/1.8 ui-monospace,monospace;letter-spacing:1.4px;color:#a8b6e8}
 .rivals-intro{padding:0;margin:0 0 15px;background:transparent;border:0}.rivals-intro>div:first-child,.rivals-intro>p{display:none}.rival-rule-tags{justify-content:center;gap:5px}.rival-rule-tags span{font-size:10px;padding:4px 6px;border-color:#39426c;background:#0f1830}.rival-rule-tags span:last-child{display:none}
 .rival-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}
 .rival-profile{padding:0 11px 11px;background:#0b132b;border:1px solid var(--rival-accent);border-radius:7px;box-shadow:inset 0 0 16px #426cff13,0 0 9px color-mix(in srgb,var(--rival-accent) 25%,transparent);overflow:hidden}
 .rival-visual{height:176px;margin:0 -11px -17px}.rival-visual:after{inset:55% 0 0;background:linear-gradient(transparent,#0b132b 95%)}
 .rival-kanji{right:8px;top:20px;font-size:23px;letter-spacing:3px}.rival-info{left:4px;top:4px;width:44px;height:44px;font-size:14px;border-color:#d8e5ff55;background:#07122aaf}
 .rival-card-top,.rival-profile>blockquote,.rival-profile>p,.rival-tags,.rival-profile>details,.rival-identity>div>small{display:none}
 .rival-identity{position:relative;margin:0 0 10px;display:block;z-index:1}.rival-identity h2{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:8px;margin:0 0 3px;letter-spacing:0}
 .rival-identity h2 .rival-name-en{font:800 23px/1.1 var(--sans);letter-spacing:1px;margin:0;color:#fff}.rival-identity h2 .rival-name-ja{font-size:11px;font-weight:500;color:#b9c5e1;letter-spacing:0}.rival-identity b{display:block;color:var(--rival-accent);font-size:10.5px;white-space:nowrap;letter-spacing:0}
 .rival-profile .rival-start{min-height:40px;padding:7px 3px;font-size:11px;color:#f5f4ff;background:linear-gradient(135deg,color-mix(in srgb,var(--rival-accent) 25%,#102040),#13132e);border-color:var(--rival-accent);text-shadow:0 0 9px color-mix(in srgb,var(--rival-accent) 80%,transparent);border-radius:4px}
 .rival-cta-desktop{display:none}.rival-method{margin-top:16px;padding:14px;font-size:11px;border-color:#3b4372}.rival-method h3{font-size:12px}.rival-method p:nth-of-type(2){font-size:10.5px}.rival-method a{font-size:11px;margin-right:8px}.rival-resume{padding:13px;font-size:11px}.rival-resume b{font-size:12px}
 /* Table controls remain real DOM controls over the existing first-person 3D field. */
 body:not(.tutorial-table) .arena-screen{height:100dvh;min-height:710px;background-color:#080f28}
 body:not(.tutorial-table) .arena-header{inset:12px 13px auto;padding-top:env(safe-area-inset-top);gap:8px}
 body:not(.tutorial-table) .arena-brand .brand-icon{width:33px;height:33px}.arena-brand>div{font-size:15px}
 body:not(.tutorial-table) .arena-round{top:54px;left:50%;width:calc(100vw - 26px);padding:10px 13px 11px;border-color:#5b4d8d;background:#0b1330e0;border-radius:6px}
 body:not(.tutorial-table) .round-overline{font-size:10px;letter-spacing:.7px}body:not(.tutorial-table) .round-overline>span{font-size:11px}
 body:not(.tutorial-table) .phase-track{margin-top:9px;gap:17px;font-size:10px}body:not(.tutorial-table) .phase-track b{font-size:13px;margin-right:2px}body:not(.tutorial-table) .phase-track .current:after{bottom:-11px;box-shadow:0 0 8px #ff39cd}
 body:not(.tutorial-table) .arena-announcement{top:202px;max-width:calc(100% - 28px);padding:5px 10px;background:#17122ee0;border-radius:12px;box-shadow:0 0 14px #fa27cf18;gap:7px}body:not(.tutorial-table) .arena-announcement h1{font-size:11px;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis}
 body:not(.tutorial-table) .arena-roster{top:135px;left:13px;width:calc(100% - 26px);grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 body:not(.tutorial-table) .arena-screen[data-players="2"] .arena-roster{grid-template-columns:1fr 1fr}
 body:not(.tutorial-table) .arena-player{min-height:45px;border-radius:6px;background:#0c1630dc;border-color:#386eb2;padding:6px 7px;box-shadow:inset 0 0 12px #318bff18}
 body:not(.tutorial-table) .arena-player.current{border-color:#ff70db;box-shadow:0 0 12px #f036c844}.arena-player strong{font-size:10.5px}.arena-player .player-chips{font-size:12px}.arena-player .seat-number{width:22px;height:22px;flex-basis:22px;font-size:10px}
 body:not(.tutorial-table) .arena-screen[data-players="2"] .arena-player strong{font-size:11px}body:not(.tutorial-table) .arena-screen[data-players="2"] .arena-player .player-chips{font-size:14px}
 body:not(.tutorial-table) .arena-camera{top:240px;left:13px;bottom:auto}body:not(.tutorial-table) .arena-journal{top:240px;right:13px}.arena-journal summary{min-height:38px}.camera-toggle{border-color:#367dc4;border-radius:6px}
 body:not(.tutorial-table) .arena-pot{top:37%;border:1px solid #469cff;border-radius:18px;min-width:112px;background:#07142be8;padding:5px 16px;box-shadow:0 0 13px #287bff2e}.arena-pot strong{font-size:25px}
 body:not(.tutorial-table) .arena-dock{width:calc(100% - 26px);max-width:460px}
 body:not(.tutorial-table) .mobile-board{width:100%;max-width:365px;gap:6px;background:transparent;border:0;box-shadow:none;padding:0 6px;margin-bottom:34px;pointer-events:none}
 body:not(.tutorial-table) .mobile-board>small{display:none}body:not(.tutorial-table) .mobile-board .playing-card.compact{width:calc((100% - 24px)/5);height:auto;aspect-ratio:5/7;max-height:79px;border:1px solid #c7dafa;border-radius:4px;font-size:23px;padding:5px;color:#121a34;box-shadow:0 4px 14px #02061799}
 body:not(.tutorial-table) .mobile-board .playing-card.compact.red-card{color:#ce2559}body:not(.tutorial-table) .mobile-board .playing-card .suit{font-size:26px}body:not(.tutorial-table) .mobile-board .empty{opacity:.55;max-height:70px}
 body:not(.tutorial-table) .hand-plinth{height:121px;padding:0;border-radius:0;background:transparent;margin:0;position:relative;pointer-events:none}
 body:not(.tutorial-table) .hand-heading{display:none}body:not(.tutorial-table) .hand-fan{bottom:32px}body:not(.tutorial-table) .hand-fan .playing-card{width:58px;height:83px;font-size:23px;padding:6px;border-width:1px;border-color:#cbd8f5;border-radius:5px;box-shadow:0 4px 15px #0008}body:not(.tutorial-table) .hand-fan .playing-card .suit{font-size:28px}
 body:not(.tutorial-table) .hand-fan .playing-card:first-child{transform:rotate(-5deg)}body:not(.tutorial-table) .hand-fan .playing-card:last-child{transform:rotate(5deg);margin-left:1px}
 body:not(.tutorial-table) .hand-value{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);margin:0;min-width:133px;padding:4px 17px;border:1px solid #a261d8;border-radius:20px;text-align:center;background:#090d25ec;box-shadow:0 0 12px #e548d52e}
 body:not(.tutorial-table) .hand-value strong{font-size:16px}body:not(.tutorial-table) .hand-value>span{display:none}
 body:not(.tutorial-table) .arena-controls{padding:10px 0 max(9px,env(safe-area-inset-bottom));background:linear-gradient(#081027e6,#060b1bf5);border:0;border-top:1px solid #655499;border-radius:0;box-shadow:0 -8px 28px #07071c}
 body:not(.tutorial-table) .arena-controls .controls-actions{gap:7px}body:not(.tutorial-table) .arena-controls .controls-actions .btn{min-height:53px;font-size:12px;font-weight:700;padding:8px 3px;min-width:0;border-radius:7px;flex:1;line-height:1.3;white-space:normal;color:white}
 body:not(.tutorial-table) .arena-controls [data-action=fold]{border-color:#ff5d96;background:linear-gradient(135deg,#9c114d,#430e36);box-shadow:inset 0 0 9px #ff3d8129,0 0 9px #fb327b2b}
 body:not(.tutorial-table) .arena-controls [data-action=call],body:not(.tutorial-table) .arena-controls [data-action=check]{border-color:#56bfff;background:linear-gradient(135deg,#1666d4,#10326b);box-shadow:inset 0 0 12px #57c8ff36,0 0 9px #257dff2b}
 body:not(.tutorial-table) .arena-controls [data-action=raise]{border-color:#b478ff;background:linear-gradient(135deg,#7c27d9,#3b1267);box-shadow:inset 0 0 12px #ce62ff3b,0 0 9px #8b3bff2b}
 body:not(.tutorial-table) .arena-controls [data-action=all-in]{border-color:#ff58db;background:linear-gradient(135deg,#8e166b,#330c40);box-shadow:inset 0 0 12px #ee42be30,0 0 10px #ef3dc73a;font-size:11px}
 body:not(.tutorial-table) .arena-controls .btn:disabled{opacity:.4;box-shadow:none}.arena-controls .turn-status{font-size:11px;margin-bottom:9px}
 body:not(.tutorial-table) .arena-controls .raise-controls{margin-top:9px;gap:9px}body:not(.tutorial-table) .arena-controls input[type=number]{font-size:16px;min-height:34px;border-radius:5px}body:not(.tutorial-table) .arena-controls input[type=range]{min-height:30px}
 body:not(.tutorial-table) .raise-presets{margin-top:4px;gap:7px}body:not(.tutorial-table) .raise-presets button{min-height:32px;padding:5px 11px;border-radius:4px}
 .rival-table-status{font-size:10.5px;padding-bottom:7px;margin-bottom:8px}.rival-table-status b{font-size:11px}.rival-table-status b span{font-size:10px}
 body.training-table:not(.tutorial-table) .arena-screen{min-height:800px}
 body:not(.tutorial-table) .arena-screen[data-players="4"] .arena-announcement,body:not(.tutorial-table) .arena-screen[data-players="5"] .arena-announcement,body:not(.tutorial-table) .arena-screen[data-players="6"] .arena-announcement{top:249px}
 body:not(.tutorial-table) .arena-screen[data-players="4"] .arena-camera,body:not(.tutorial-table) .arena-screen[data-players="4"] .arena-journal,body:not(.tutorial-table) .arena-screen[data-players="5"] .arena-camera,body:not(.tutorial-table) .arena-screen[data-players="6"] .arena-camera,body:not(.tutorial-table) .arena-screen[data-players="5"] .arena-journal,body:not(.tutorial-table) .arena-screen[data-players="6"] .arena-journal{top:282px}
 body:not(.tutorial-table) .arena-screen[data-players="4"],body:not(.tutorial-table) .arena-screen[data-players="5"],body:not(.tutorial-table) .arena-screen[data-players="6"]{min-height:810px}
}
@media(max-width:360px){.mobile-player-bar{gap:6px}.mobile-player{font-size:11px}.mobile-player .avatar{width:34px;height:34px}.mobile-progress{padding:6px 8px;gap:5px}.mobile-help{width:30px}.mobile-brand-stage{height:219px}.mobile-wordmark{height:183px}.mobile-brand-stage h1{font-size:17px}.mobile-mode-pair{gap:8px}.mobile-mode-pair a{gap:7px}.mobile-mode-pair span{font-size:10.5px}.mobile-mode-pair small{font-size:10px}.mobile-mode-pair .icon{width:22px}.mobile-story-card{gap:12px}.mobile-story-card strong{font-size:15px}.rival-visual{height:156px}.rival-kanji{font-size:20px;right:7px}.rival-profile{padding:0 9px 9px}.rival-visual{margin-left:-9px;margin-right:-9px}.rival-identity h2{gap:6px}.rival-identity h2 .rival-name-en{font-size:20px}.rival-identity h2 .rival-name-ja{font-size:10.5px}.rival-identity b{font-size:10px}.rivals-mobile-heading h1{font-size:21px}.rivals-mobile-heading>span{font-size:10px}.rival-rule-tags span{font-size:10px}.arena-controls .controls-actions .btn{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.mobile-lounge *,.rival-profile *{animation:none!important;transition:none!important}}

@media(max-width:650px){body:not(.tutorial-table) .arena-screen:is([data-players="4"],[data-players="5"],[data-players="6"]) .arena-pot{top:44%}}
/* Wide rival cards on PC: taller art so the faces are not cut off (the art is aligned to the top). */
@media(min-width:1001px){.rival-visual{height:auto;aspect-ratio:2/1;max-height:400px}}

/* Phone home: friend games */
.mobile-friends-card{display:flex;align-items:center;gap:12px;min-height:56px;margin:0 0 14px;padding:10px 14px;border:1px solid #ff6fd8;border-radius:7px;background:linear-gradient(130deg,#5a1650,#1a0d2e 80%);box-shadow:inset 0 0 12px #ff3fc629;color:#fff0fb}
.mobile-friends-card>.icon:first-child{width:24px;height:24px;flex-shrink:0;color:#ff9be6;filter:drop-shadow(0 0 5px #ff3fc6)}
.mobile-friends-card span{flex:1;min-width:0}
.mobile-friends-card b{display:block;font-size:13px;font-weight:800}
.mobile-friends-card small{display:block;font-size:11px;color:#f1d6ec;margin-top:3px}
.mobile-friends-card>.icon:last-child{width:16px;height:16px;flex-shrink:0;opacity:.8}

/* Link to /ip/ under the story card. */
.mobile-ip-link{display:flex;flex-direction:column;gap:2px;margin:-4px 2px 0;padding:10px 4px;font-size:12px;color:#c9d4ec;text-decoration:none;border-bottom:1px solid #2a3552}.mobile-ip-link span{font:10px ui-monospace,monospace;letter-spacing:1.5px;color:#f08ad4}.mobile-ip-link:hover{color:#fff}
/* The YouTube channel card on the phone home. */
.mobile-youtube-card{display:flex;align-items:center;gap:14px;padding:14px 15px;border:1px solid #47334a;border-radius:7px;background:linear-gradient(120deg,#2a1420,#111629);color:#f3f5fb;text-decoration:none}.mobile-youtube-card>span{flex:1}.mobile-youtube-card b{display:block;font-size:15px;letter-spacing:.5px}.mobile-youtube-card small{display:block;font-size:12px;color:#c9b8cf;margin-top:2px}.mobile-youtube-card:hover{border-color:#ff5a7a}
/* The X account card on the phone home. */
.mobile-x-card{display:flex;align-items:center;gap:14px;padding:14px 15px;border:1px solid #33405a;border-radius:7px;background:linear-gradient(120deg,#141a2a,#0d1222);color:#f3f5fb;text-decoration:none}.mobile-x-card>span{flex:1}.mobile-x-card b{display:block;font-size:15px;letter-spacing:.5px}.mobile-x-card small{display:block;font-size:12px;color:#aab7cf;margin-top:2px}.mobile-x-card .x-mark{width:34px;height:28px}.mobile-x-card:hover{border-color:#8fa3c7}