:root{color:#f7f4ee;background:#101722;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;--ink: #f7f4ee;--muted: #a9b4c4;--cyan: #65d6e3;--pink: #ff7892;--amber: #f2c46b;--night: #101722;--panel: #172333;--panel-hi: #22364b;--line: #527087;--felt: #164248}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 50% 15%,#243d55 0,var(--night) 56%)}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.38}.lobby-shell,.table-shell,.trophy-shell,.summary-shell,.error-shell,.loading-shell{width:min(100%,470px);min-height:100svh;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom))}.topbar,.footer,.hand-row{display:flex;align-items:center;justify-content:space-between}.mark{color:var(--cyan);font-size:1.2rem}.eyebrow,.kicker,.footer{letter-spacing:.12em;font-size:.68rem;color:var(--muted)}.icon-button,.modal-close{min-width:44px;min-height:44px;border:1px solid transparent;border-radius:12px;background:#162536bb;padding:8px;color:var(--muted)}.icon-button:hover,.modal-close:hover{border-color:var(--cyan);color:var(--ink)}h1,h2,p{margin-top:0}h1{font-size:clamp(2.7rem,13vw,4.8rem);line-height:.9;letter-spacing:-.06em}h1 em{color:var(--pink);font-style:normal}h2{font-size:1.5rem}.lobby-menu-shell{position:relative;display:flex;min-height:100svh;isolation:isolate;overflow:hidden;flex-direction:column;background:#16181b url(/assets/backgrounds/castle-lobby-night.png) center / cover no-repeat;color:#f4efe5;--lobby-display-font: "Songti SC", "STSong", SimSun, "Noto Serif CJK SC", "Noto Serif SC", serif}.lobby-menu-shell:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#06080bc7,#090b0f42 31%,#090b0f1a 49%,#090a0dd6 78%,#07080af2);pointer-events:none}.lobby-invitation{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b59a6f52;padding-bottom:6px;color:#c8b795;font-family:var(--lobby-display-font);font-size:.58rem;letter-spacing:.16em}.lobby-settings-button{width:40px;min-width:40px;min-height:40px;border-color:#8f826d80;border-radius:50%;background:#16181bcc;color:#c8b795;padding:8px;font-size:1.05rem;line-height:1}.lobby-settings-button:hover,.lobby-settings-button:focus-visible{border-color:#d2b37c;background:#40372c;color:#f4e2bb}.lobby-title-block{width:min(86%,340px);margin-top:clamp(46px,8svh,76px);text-shadow:0 2px 12px #000}.lobby-title-block h1{margin:0;color:#f4efe5;font-family:var(--lobby-display-font);font-size:clamp(2.35rem,12vw,3.35rem);font-weight:400;line-height:1;letter-spacing:.08em}.menu-subtitle{display:flex;width:min(260px,88%);align-items:center;gap:12px;margin:14px 0 0 34px}.menu-subtitle span{height:1px;flex:1;background:#b59a6f}.menu-subtitle strong{color:#d2b37c;font-family:var(--lobby-display-font);font-size:.83rem;font-weight:400;letter-spacing:.2em;white-space:nowrap}.menu-oath{margin-top:30px;padding-left:2px;color:#d2ccc0;font-family:var(--lobby-display-font);font-size:.68rem;line-height:1.65}.menu-oath p{margin:0}.menu-oath strong{display:block;margin-top:8px;color:#d9bd86;font-size:.74rem;font-weight:400;letter-spacing:.12em}.lobby-menu{width:100%;margin-top:auto;padding:20px 0 max(4px,env(safe-area-inset-bottom))}.lobby-menu-button{border-radius:3px;color:#f3eee4;font-family:var(--lobby-display-font);box-shadow:0 9px 24px #0008;backdrop-filter:blur(7px);transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.lobby-menu-button:hover,.lobby-menu-button:focus-visible{border-color:#d2b37c;background-color:#40372c;transform:translateY(-2px)}.lobby-menu-button:focus-visible{outline:1px solid #f4e2bb;outline-offset:3px}.lobby-primary-action{display:grid;width:min(92%,370px);min-height:62px;grid-template-columns:1fr 22px;align-items:center;gap:8px;margin:0 auto 12px;border:1px solid #9a7462;background:#632d34e8;padding:10px 18px;text-align:left}.lobby-primary-action:hover,.lobby-primary-action:focus-visible{background-color:#743942}.button-copy{display:grid;gap:2px}.button-copy strong{font-size:1rem;font-weight:400;letter-spacing:.18em}.button-copy small{color:#d0c8bb;font-family:Inter,Noto Sans SC,sans-serif;font-size:.61rem;letter-spacing:.06em}.button-arrow{color:#e0c99e;font-size:1.45rem;font-weight:300}.lobby-secondary-menu{display:grid;width:min(92%,370px);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 auto}.lobby-secondary-action{display:grid;min-height:58px;align-content:center;justify-items:center;gap:5px;border:1px solid #8f826d80;background:#1d1d1ddd;padding:8px 5px;text-align:center}.lobby-secondary-action strong{font-size:.68rem;font-weight:400;letter-spacing:.03em;line-height:1.25;white-space:nowrap}.lobby-secondary-action[data-open-trophies] strong{font-size:.62rem;letter-spacing:0}.lobby-secondary-action small{color:#bbaa8d;font-size:.56rem}.lobby-character-shell{background:radial-gradient(circle at 50% 9%,#293f58 0,#101722 48%)}.topbar-balance{width:44px;height:44px;flex:0 0 44px}.selection-hero{padding-top:clamp(32px,8vh,64px)}.quiet-record{align-self:center;color:#728397;font-size:.66rem;letter-spacing:.07em}.hero{padding:clamp(42px,10vh,82px) 4px 28px}.kicker{color:var(--pink);margin-bottom:12px}.hero-copy,.summary-copy{color:var(--muted);line-height:1.6;margin:18px 0 0;font-size:.92rem}.hero-rule{display:flex;align-items:center;gap:10px;margin-top:24px;color:var(--amber);font-size:.7rem}.hero-rule span{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line))}.hero-rule span:last-child{background:linear-gradient(90deg,var(--line),transparent)}.character-list{display:grid;gap:12px}.character-card{position:relative;display:grid;grid-template-columns:118px 1fr;gap:14px;overflow:hidden;border:1px solid #46627b;border-radius:18px;background:linear-gradient(135deg,#21354b,#14212f);padding:12px;box-shadow:0 14px 30px #06101d66}.character-card:before{content:"";position:absolute;inset:0 45% 0 0;background:linear-gradient(120deg,#65d6e311,transparent);pointer-events:none}.portrait{min-height:158px;overflow:hidden;display:grid;place-items:center;border:1px solid #5d8495;border-radius:13px;background:radial-gradient(circle at 50% 20%,#426379,#18283b)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:top center}.character-copy{padding:8px 2px 4px 0}.character-copy .eyebrow{color:var(--cyan);margin:0 0 8px;font-size:.62rem}.character-copy p:not(.eyebrow),.modal p{color:var(--muted);font-size:.84rem;line-height:1.5}.text-button{min-height:44px;border:0;background:transparent;color:var(--amber);padding:4px 0;font-size:.72rem}.text-button span,.primary-button span{margin-left:10px}.card-start{grid-column:2;min-height:46px;border:1px solid var(--pink);border-radius:11px;background:#ff789214;color:var(--pink);font-size:.76rem;font-weight:700}.actions{display:grid;gap:10px;margin-top:22px}.primary-button,.secondary-button{min-height:52px;border-radius:12px;padding:11px 16px;font-size:.78rem;font-weight:700}.primary-button{border:1px solid var(--pink);background:linear-gradient(135deg,var(--pink),#d94f75);color:#1a1822;box-shadow:0 8px 18px #ff789233}.secondary-button{border:1px solid var(--line);background:#1d2f42cc}.quiet-button{min-height:44px;border:0;background:transparent;color:var(--muted);font-size:.7rem}.lobby-tools{display:flex;justify-content:flex-end;margin-top:14px}.quiet-button small{color:#728397;margin-left:4px}.footer{margin-top:24px;border-top:1px solid #3d5369;padding-top:16px;font-size:.6rem}.trophy-shell{background:radial-gradient(circle at 50% 12%,#293f58 0,#101722 54%)}.history-count{min-width:32px;min-height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--amber);font-size:.7rem}.trophy-heading{padding:42px 4px 24px}.trophy-heading h1{margin-bottom:18px}.trophy-heading>p:last-child{color:var(--muted);font-size:.8rem;line-height:1.55}.trophy-list{display:grid;gap:14px}.trophy-card{position:relative;width:100%;aspect-ratio:16 / 4.5;overflow:hidden;border:1px solid #527087;border-radius:16px;background:linear-gradient(145deg,#21364a,#111c28);padding:0;text-align:left;box-shadow:0 12px 26px #02081388}.trophy-card.is-victory{border-color:#c69d6288}.trophy-card.is-empty{background:repeating-linear-gradient(135deg,#182636 0 12px,#142130 12px 24px)}.trophy-visual{position:absolute;inset:0;display:grid;place-items:center}.trophy-visual img{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 9px 8px #030b13cc)}.trophy-visual img.transparent-history-image{opacity:0}.trophy-meta{position:absolute;inset:auto 0 0;display:grid;gap:3px;padding:34px 14px 12px;background:linear-gradient(transparent,#09121df2 52%)}.trophy-meta small{color:var(--pink);font-size:.62rem;letter-spacing:.1em}.trophy-meta strong{color:var(--ink);font-size:.86rem}.trophy-meta time{color:var(--muted);font-size:.62rem}.empty-history{min-height:280px;display:grid;place-items:center;align-content:center;border:1px dashed #527087;border-radius:18px;color:var(--muted);text-align:center;padding:24px}.empty-history span{color:var(--amber);font-size:2rem}.empty-history h2{color:var(--ink);margin:12px 0 4px}.empty-history p{font-size:.76rem;line-height:1.5}.history-modal{width:min(90vw,380px);max-height:90svh;overflow-y:auto}.history-opponent{color:var(--amber)!important}.history-trophy-preview{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:14px;margin:16px 0 4px;border:1px solid #6f5e4b;border-radius:13px;background:linear-gradient(135deg,#2e2a2bcc,#111d29);padding:10px}.history-trophy-preview>img{display:block;width:86px;aspect-ratio:5 / 7;object-fit:cover;object-position:center;border:1px solid #9d8060;border-radius:8px;background:#0b121a}.history-trophy-preview .eyebrow{color:var(--amber);margin-bottom:7px;font-size:.58rem}.history-trophy-preview strong{display:block;color:var(--ink);font-size:.78rem;line-height:1.35}.history-trophy-preview .text-button{display:block;margin-top:6px;text-align:left}.history-stats{display:grid;grid-template-columns:1fr auto;gap:0;margin:18px 0 0}.history-stats dt,.history-stats dd{margin:0;border-top:1px solid #3e586d;padding:11px 0;font-size:.76rem}.history-stats dt{color:var(--muted)}.history-stats dd{color:var(--ink);font-weight:700;text-align:right}.trophy-gallery-dialog{width:100vw;max-width:none;height:100svh;max-height:none;margin:0;border:0;background:#070d15;color:var(--ink);padding:0;overflow:hidden}.trophy-gallery-dialog::backdrop{background:#02050af2}#trophy-gallery-content,.trophy-gallery-viewer{height:100%}.trophy-gallery-viewer{display:grid;grid-template-rows:auto minmax(0,1fr);background:radial-gradient(circle at 50% 42%,#233343 0,#08111b 64%)}.trophy-gallery-header{position:relative;z-index:6;display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #374d60;background:#0b1622e8;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));backdrop-filter:blur(8px)}.trophy-gallery-header p{margin:0 0 4px;color:var(--amber)}.trophy-gallery-header h1{margin:0;color:var(--ink);font-size:1.45rem;line-height:1;letter-spacing:.02em}.trophy-gallery-close{flex:0 0 44px;width:44px;height:44px;border:1px solid #567188;border-radius:50%;background:#142434dd;color:var(--ink);font-size:1.3rem}.trophy-gallery-canvas{position:relative;display:grid;min-height:0;place-items:center;overflow:hidden;padding:10px 0 max(10px,env(safe-area-inset-bottom))}.trophy-gallery-stage{position:relative;width:min(100vw,calc((100svh - 92px) * 2 / 3),560px);aspect-ratio:2 / 3;max-height:100%;margin:0;overflow:hidden;border:1px solid #5f5260;border-radius:8px;background:#070b10;box-shadow:0 20px 70px #000b}.trophy-gallery-stage>img{display:block;width:100%;height:100%;object-fit:cover}.trophy-gallery-stage figcaption{position:absolute;z-index:2;inset:auto 12px 10px;border:1px solid #6e829388;border-radius:999px;background:#07111bd9;color:#c3ced8;padding:7px 12px;text-align:center;font-size:.62rem;letter-spacing:.05em;pointer-events:none}.trophy-hotspot{position:absolute;z-index:3;left:var(--hotspot-x);top:var(--hotspot-y);display:grid;width:42px;height:42px;place-items:center;transform:translate(-50%,-50%);border:0;border-radius:50%;outline:0;background:transparent;color:transparent;padding:0}.trophy-hotspot span{display:none}.trophy-hotspot:before{content:"";width:14px;height:14px;border:2px solid #ffffffb8;border-radius:50%;background:#ffffff0a;box-shadow:0 0 0 1px #06111a70,0 0 8px #ffffff20,inset 0 0 5px #ffffff12;animation:trophy-hotspot-glimmer 3.6s ease-in-out infinite;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.trophy-hotspot:hover:before,.trophy-hotspot:focus-visible:before,.trophy-hotspot[aria-pressed=true]:before{border-color:#fff;background:#ffffff2b;box-shadow:0 0 0 3px #ffffff38,0 0 14px #ffffff70,inset 0 0 6px #ffffff38;animation:none;transform:scale(1.16)}.trophy-hotspot:focus-visible:before{outline:1px solid #fff;outline-offset:4px}.trophy-closeup-panel{position:absolute;z-index:5;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));display:none;width:min(540px,calc(100% - 24px));min-height:130px;margin:0 auto;grid-template-columns:112px minmax(0,1fr);gap:14px;border:1px solid #8e7659;border-radius:14px;background:#101b27f2;padding:10px 44px 10px 10px;box-shadow:0 18px 50px #000d;backdrop-filter:blur(10px)}.trophy-closeup-panel.is-open{display:grid}.trophy-closeup-panel>img{display:block;width:112px;aspect-ratio:1;object-fit:cover;border:1px solid #8e7659;border-radius:9px}.trophy-closeup-panel .eyebrow{margin:4px 0 5px;color:var(--amber);font-size:.58rem}.trophy-closeup-panel h2{margin:0 0 6px;color:var(--cyan);font-size:1rem}.trophy-closeup-panel p:not(.eyebrow){margin:0;color:var(--muted);font-size:.7rem;line-height:1.45}.trophy-closeup-close{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;border-radius:50%;background:#263848;color:var(--ink)}@keyframes trophy-hotspot-glimmer{0%,to{opacity:.38;transform:scale(.88);box-shadow:0 0 0 1px #06111a70,0 0 4px #ffffff12,inset 0 0 4px #ffffff0d}50%{opacity:1;transform:scale(1.18);box-shadow:0 0 0 3px #ffffff30,0 0 13px #ffffff70,inset 0 0 6px #ffffff38}}.modal{width:min(90vw,400px);border:1px solid #5b8291;border-radius:18px;background:#172638f5;color:var(--ink);padding:22px;box-shadow:0 24px 80px #02060dcc}.modal::backdrop{background:#050b14b8;backdrop-filter:blur(5px)}.modal-close{float:right}.modal h2{color:var(--cyan);margin:6px 0 18px}.profile-modal #profile-content>img{display:block;width:100%;max-height:250px;object-fit:cover;object-position:top;border:1px solid #5b8291;border-radius:12px;margin-bottom:16px}.setting{display:flex;min-height:50px;align-items:center;gap:10px;border-top:1px solid #3e586d;color:var(--muted);font-size:.75rem}.resource-pack-control{display:grid;gap:10px;border-top:1px solid #3e586d;margin-top:4px;padding-top:14px}.resource-pack-heading{display:grid;gap:3px}.resource-pack-heading strong{color:var(--ink);font-size:.78rem}.resource-pack-heading small{color:var(--muted);font-size:.66rem;line-height:1.4}.resource-pack-button{width:100%}.resource-pack-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;color:var(--muted);font-size:.61rem}.resource-pack-progress progress{width:100%;height:8px;overflow:hidden;border:0;border-radius:999px;background:#0b1622;accent-color:var(--amber)}.resource-pack-progress progress::-webkit-progress-bar{border-radius:999px;background:#0b1622}.resource-pack-progress progress::-webkit-progress-value{border-radius:999px;background:var(--amber);transition:width .18s ease}.resource-pack-progress progress::-moz-progress-bar{border-radius:999px;background:var(--amber)}.resource-pack-control[data-state=complete] .resource-pack-progress{color:#9fc6a5}.resource-pack-control[data-state=error] .resource-pack-progress{color:var(--pink)}.save-actions{display:grid;gap:8px;margin-top:16px}.status-line{min-height:20px;color:var(--amber)!important}.table-shell{position:relative;display:flex;min-height:100svh;flex-direction:column;isolation:isolate;overflow:hidden;padding-top:calc(8px + env(safe-area-inset-top));background:linear-gradient(180deg,#0c1726aa,#12223277 43%,#09252ce8),url(/assets/backgrounds/rhodes-card-room.png) center / cover fixed}.table-shell:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 50% 48%,#3b708855,transparent 53%);pointer-events:none}.table-top{position:relative;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:start;gap:8px;flex:0 0 auto}.table-top h1{font-size:1.28rem;letter-spacing:.02em;margin:6px 0 0}.table-actions{display:grid;width:min(196px,100%);justify-items:end;gap:1px}.table-action-row{display:flex;justify-content:flex-end;gap:4px}.fullscreen-button{font-size:1.05rem}.roulette-status{display:grid;width:196px;max-width:100%;gap:2px;margin:0;padding:0}.gun-status-row{display:grid;width:100%;max-width:100%;grid-template-columns:20px 64px auto;align-items:center;gap:6px;min-height:20px;border:1px solid #52708799;border-radius:7px;background:#0d1b29bb;padding:2px 6px;color:var(--muted);font-size:.6rem}.gun-icon{display:grid;width:20px;height:18px;place-items:center}.gun-icon img{width:20px;height:18px;object-fit:contain;display:block}.gun-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gun-chambers{display:flex;gap:4px;min-width:0}.gun-chambers i{flex:0 0 11px;width:11px;height:11px;border:1px solid #ae9f81;border-radius:50%;background:#0d1c25}.gun-chambers i.loaded{border-color:var(--pink);background:var(--pink);box-shadow:0 0 7px #ff789288}.opponent-zone{position:relative;z-index:2;min-height:260px;padding:4px;flex:0 0 auto}.character-strip{position:relative;display:flex;align-items:flex-end;min-height:200px;gap:8px}.character-strip img{align-self:flex-end;width:min(58vw,300px);height:260px;object-fit:contain;object-position:bottom center;margin-left:-18px;filter:drop-shadow(0 14px 12px #030b13cc)}.character-strip img.character-portrait{position:relative;z-index:3;bottom:18px;transform-origin:center bottom}.character-strip>div{position:relative;z-index:2;flex:1;min-width:0;margin:0 0 24px -24px}.character-strip .eyebrow{color:var(--cyan);font-size:.62rem}.dialogue{position:relative;border:1px solid #85c9d077;border-radius:14px 14px 14px 3px;background:#10202fe8;padding:11px 12px;color:var(--ink);font-size:.84rem;line-height:1.45;margin:8px 0;box-shadow:0 8px 24px #020a1388}.dialogue:after{content:"";position:absolute;bottom:-7px;left:16px;width:13px;height:13px;border-right:1px solid #85c9d077;border-bottom:1px solid #85c9d077;background:#10202f;transform:rotate(45deg)}.opponent-zone:after{content:"";position:absolute;z-index:-1;left:-16px;right:-16px;bottom:0;height:170px;border:2px solid #80b1a580;border-radius:50% 50% 10% 10%/28% 28% 5% 5%;background:linear-gradient(180deg,#23636bcc,#0d3339f5);box-shadow:0 -22px 40px #07182399,inset 0 20px 28px #75c4b633;transform:perspective(500px) rotateX(26deg);transform-origin:bottom}.hand-row{position:relative;z-index:5;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:end;gap:7px;margin-top:-20px}.hand-label{min-width:0;color:var(--muted);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hand-label strong{display:block;color:var(--ink);font-size:1.35rem;margin-top:3px}.cards{display:flex;flex:1 1 auto;min-width:0;justify-content:flex-start;gap:6px;overflow-x:auto;overflow-y:hidden;padding:4px 0 9px}.card{flex:0 0 46px;width:46px;height:66px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid #d6c49a;border-radius:7px;padding:6px;color:#1b2734;background:linear-gradient(145deg,#fffdf0,#e7dac0);box-shadow:3px 6px #07131b99;font-weight:700}.card b{font-size:1rem}.card em{align-self:flex-end;font-size:1.1rem;font-style:normal}.card.red{color:#c34765}.card-back{display:grid;place-items:center;border-color:#66bfd1;background:repeating-linear-gradient(45deg,#172c40 0 5px,#24465a 5px 10px);color:var(--cyan)}.card-back i{font-size:1.3rem;font-style:normal}.player-zone{position:relative;z-index:7;display:flex;min-width:0;min-height:0;flex:1 1 auto;flex-direction:column;padding:0 4px 12px}.player-layout{position:relative;display:flex;width:100%;min-width:0;min-height:79px;flex:1 1 auto}.player-main{display:flex;width:100%;min-width:0;min-height:79px;flex:1 1 auto;flex-direction:column}.skill-sidebar{position:fixed;z-index:100;right:max(16px,calc((100vw - 470px)/2 + 20px));bottom:calc(84px + env(safe-area-inset-bottom));display:block;width:110px;min-height:72px;max-width:calc(100vw - 28px);max-height:calc(100svh - 104px);overflow:visible;border:1px solid #3e586d99;border-radius:12px;background:#0e1e2bcc;padding:7px 5px;backdrop-filter:blur(6px);transform:translate(100%);transition:transform .2s ease}.skill-sidebar:not(.is-open){border-color:transparent;background:transparent;backdrop-filter:none;pointer-events:none}.skill-sidebar.is-open{transform:translate(0)}.skill-drawer-toggle{position:absolute;z-index:2;left:-28px;bottom:7px;display:grid;width:28px;min-width:28px;height:58px;min-height:58px;place-items:center;border:1px solid #527087;border-radius:8px 0 0 8px;background:#0e1e2bcc;color:var(--cyan);padding:0;font-size:1.05rem;line-height:1}.skill-sidebar:not(.is-open) .skill-drawer-toggle{pointer-events:auto}.skill-drawer-arrow{display:block}.skill-drawer-badge{position:absolute;top:2px;left:4px;display:grid;width:18px;height:18px;place-items:center;border:1px solid #f2c46b;border-radius:50%;background:#30291d;color:var(--amber);font-size:.6rem;line-height:1}.skill-drawer-badge[hidden]{display:none}.skill-drawer-content{display:grid;width:100%;max-height:calc(100svh - 128px);grid-template-columns:repeat(2,minmax(0,46px));justify-content:center;align-content:start;gap:9px 8px;overflow-x:visible;overflow-y:auto;opacity:0;pointer-events:none;transform:translate(8px);visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.skill-sidebar.is-open .skill-drawer-content{opacity:1;pointer-events:auto;transform:translate(0);visibility:visible;transition-delay:0s}.skill-sidebar .empty-skills{text-align:center}.skill-tile{position:relative;flex:0 0 46px;width:46px;height:66px}.skill-card{display:flex;width:46px;min-width:46px;height:66px;min-height:66px;flex-direction:column;justify-content:space-between;border:1px solid #c69d62;border-radius:7px;background:#1b3040;padding:6px 5px;text-align:left;box-shadow:3px 6px #07131b66}.skill-card b,.skill-card small{display:block;overflow:hidden}.skill-card b{color:var(--amber);font-size:.65rem;line-height:1.2}.skill-card small{color:var(--muted);font-size:.66rem;line-height:1.15;margin-top:4px}.skill-card:disabled{opacity:.55}.passive-card{border-color:#76a98d;background:#142d2b;color:#bde8d8}.passive-card b{color:#bde8d8}.skill-info{position:absolute;z-index:2;top:-6px;right:-3px;width:22px;height:22px;min-width:22px;min-height:22px;border:1px solid var(--cyan);border-radius:50%;background:#10202fee;color:var(--cyan);padding:0;font-size:.72rem;font-weight:700;line-height:20px}.skill-info:hover,.skill-info:focus-visible{background:var(--cyan);color:#10202f}.skill-info-modal{text-align:left}.skill-info-modal #skill-info-description,.skill-info-modal #skill-info-usage{color:var(--muted);font-size:.82rem;line-height:1.55}.skill-info-modal #skill-info-usage{color:var(--ink)}.skill-advice,.loadout-count{color:var(--amber);font-size:.75rem;margin:8px 0}.loadout-list{display:grid;gap:7px;max-height:56svh;overflow-y:auto}.loadout-skill{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid #476679;border-radius:10px;background:#132638;cursor:pointer}.loadout-skill.locked{opacity:.48;cursor:not-allowed}.loadout-skill input{margin-top:3px;accent-color:var(--amber)}.loadout-skill span{display:flex;flex-direction:column;gap:3px}.loadout-skill b{color:var(--amber);font-size:.78rem}.loadout-skill small,.loadout-skill em{color:var(--muted);font-size:.65rem;font-style:normal;line-height:1.35}.danger-button{border:1px solid #d86983;border-radius:9px;background:#3b1d2a;color:#ffb2c1;padding:10px;cursor:pointer}.empty-skills{color:var(--muted);font-size:.7rem}.round-notice{position:relative;z-index:8;margin:10px 7px 12px;border:1px solid #a7835d99;border-radius:10px;background:#132b31dd;color:var(--amber);padding:8px 11px}.controls{display:flex;gap:8px}.player-main .hand-row{margin-top:auto}.action-dock{width:calc(100% + 4px);flex:0 0 auto;margin-top:8px}.controls>*{flex:1}.ai-wait{min-height:52px;display:grid;place-items:center;border:1px solid #65d6e388;border-radius:12px;background:#112b39d9;color:var(--cyan);padding:11px 16px;text-align:center;font-size:.76rem;letter-spacing:.04em;box-shadow:inset 0 0 18px #65d6e30d}.ai-wait[data-step=shifted]{border-color:#f2c46b99;color:var(--amber);background:#30291dd9}.presentation{min-height:1.25em;color:var(--amber);font-size:.72rem;line-height:1.45;transition:color .2s}.presentation.show{color:var(--ink)}.presentation[data-tone=danger]{color:#ff9ab0;border-color:var(--pink)}.skill-gain-announcement{position:fixed;z-index:30;top:30%;left:50%;width:min(88vw,310px);pointer-events:none;transform:translate(-50%,-50%);border:1px solid var(--amber);border-radius:12px;background:#0d1724ed;color:var(--amber);padding:14px 18px;text-align:center;font-size:.86rem;box-shadow:0 12px 35px #02060dcc;animation:skill-gain-in 1s ease both}.dev-hud{margin-top:12px;border:1px solid #58849a;border-radius:10px;background:#08131de8;color:#bde8d8;padding:10px;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.dev-hud summary{cursor:pointer;color:var(--cyan)}.dev-hud dl{display:grid;grid-template-columns:auto 1fr;gap:3px 8px}.dev-hud dt{color:#8da4b7}.dev-hud dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-shell,.error-shell,.loading-shell{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.summary-character{width:min(82vw,330px);max-height:min(48svh,420px);object-fit:contain;object-position:bottom;filter:drop-shadow(0 14px 12px #030b13cc)}.summary-shell h1,.error-shell h1{color:var(--pink);margin-top:8px}.unlock-panel{width:100%;margin-top:18px;border:1px solid #76a98d;border-radius:14px;background:#142d2bd9;padding:13px 14px;text-align:left}.unlock-panel>.eyebrow{color:#bde8d8;margin-bottom:8px}.unlock-skill{display:grid;gap:3px;border-top:1px solid #76a98d66;padding-top:9px;margin-top:9px}.unlock-skill strong{color:var(--amber);font-size:.86rem}.unlock-skill span,.unlock-skill small{color:var(--muted);font-size:.7rem;line-height:1.4}.summary-shell .primary-button,.error-shell .primary-button{width:100%;margin-top:20px}.loading-shell{gap:14px;color:var(--muted);font-size:.78rem}.error-shell p:not(.kicker){max-width:330px;color:var(--muted);line-height:1.5}@keyframes deal-in{0%{opacity:0;transform:translateY(-14px) rotate(-5deg) scale(.94)}70%{transform:translateY(2px) rotate(1deg) scale(1.01)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes flip-in{0%{opacity:0;transform:perspective(280px) rotateY(80deg)}to{opacity:1;transform:perspective(280px) rotateY(0)}}@keyframes portrait-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-1deg)}75%{transform:translate(3px) rotate(1deg)}}@keyframes skill-gain-in{0%{opacity:0;transform:translate(-50%,-44%) scale(.92)}12%,82%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-54%) scale(.98)}}.cards .card{animation:deal-in .26s cubic-bezier(.22,.8,.35,1) both}.cards .card:nth-child(2){animation-delay:45ms}.cards .card:nth-child(3){animation-delay:.09s}.cards .card:nth-child(4){animation-delay:.135s}.cards .card:nth-child(5){animation-delay:.18s}.cards .card:nth-child(6){animation-delay:.225s}.cards .card.card-back{animation-name:flip-in;animation-duration:.24s}.character-strip img.character-shake{animation:portrait-shake .36s ease-out both}.character-strip img.trigger-prop{position:absolute;z-index:6;left:var(--revolver-left, 150px);top:var(--revolver-top, 110px);width:104px;height:96px;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 5px #030b13aa);transform:rotate(-5deg);pointer-events:none}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important}@media(max-width:360px){.lobby-shell,.table-shell,.trophy-shell,.summary-shell,.error-shell,.loading-shell{padding-inline:12px}.character-strip img{width:224px;height:268px;margin-left:-26px}.character-strip img.trigger-prop{left:var(--revolver-mobile-left, 88px);top:var(--revolver-mobile-top, 110px);width:96px;height:90px}.character-strip>div{margin-left:-20px}.card{flex-basis:43px;width:43px}.skill-tile,.skill-card{flex-basis:43px;width:43px;min-width:43px}}@media(max-width:360px){.skill-drawer-content{grid-template-columns:repeat(2,minmax(0,43px))}}@media(min-width:390px)and (max-width:470px){.skill-sidebar{right:20px}}@media(min-width:600px){.lobby-shell,.table-shell,.trophy-shell,.summary-shell,.error-shell,.loading-shell{padding-inline:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}