/* Shared theme and game-specific surfaces */
html{scrollbar-color:#62513c #11121b}body{min-width:320px}button{touch-action:manipulation}h2,h3,p{overflow-wrap:anywhere}small{font-size:12px}button:disabled{pointer-events:none}.muted{color:var(--muted);line-height:1.8}.tiny-label{font-size:12px;letter-spacing:.15em;color:var(--muted);display:block}.compact{padding:8px 14px;font-size:14px}.brand-seal{font-family:serif;border:1px solid var(--gold);color:var(--gold);display:inline-grid;place-items:center;width:36px;height:36px;transform:rotate(-5deg);font-size:23px;flex-shrink:0}.landing{min-height:820px;height:100svh}.landing-header{position:absolute;top:28px;left:5vw;right:5vw;display:flex;align-items:center;gap:14px;color:#ddd5c9;letter-spacing:3px;z-index:3}.landing-header small{margin-left:12px;color:#9d9588;letter-spacing:2px}.icon-button{margin-left:auto;padding:8px 14px;font-size:24px}.landing-content{padding:100px 0 80px;margin-left:8vw;width:470px;max-width:44vw;z-index:2}.landing h1{font-size:clamp(82px,8vw,120px);margin:15px 0 10px}.landing .motto{font-size:18px;margin:0 0 24px;letter-spacing:.25em}.intro{color:#b0abb5;line-height:1.9;font-size:15px;margin:0 0 32px}.hero-art{opacity:.19;background:linear-gradient(90deg,#0d0e17 14%,#0d0e1744 70%),linear-gradient(0deg,#0d0e17,transparent 70%),url('assets/card-9.png') right 32%/auto 150% no-repeat;filter:blur(3px)}.eyebrow{display:flex;align-items:center;gap:14px}.eyebrow>span{width:30px;height:1px;background:var(--gold)}.difficulty-label{display:flex;justify-content:space-between;font-size:13px;color:#b7afbf;margin:0 0 12px}.difficulty-label span:last-child{color:#878491}.difficulties{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.difficulty{padding:12px 4px;border-color:#b9a57c32;background:#15131ecc;border-radius:3px}.difficulty .level-mark{display:block;color:#88808f;margin-bottom:7px;font-family:serif;letter-spacing:2px;font-size:16px}.difficulty strong{font-size:14px;letter-spacing:1px;font-weight:500}.difficulty.chosen{background:linear-gradient(145deg,#ae906b2e,#d2b17e0a);border-color:#cfac70;box-shadow:inset 0 0 20px #c6ac7910}.difficulty.chosen .level-mark{color:var(--gold)}.difficulty-note{font-size:13px;color:#aaa1b7;min-height:20px;line-height:1.7;margin:12px 0 25px}.start-buttons{display:flex;gap:12px}.start-buttons .start{flex:1;text-align:left;display:flex;justify-content:space-between;align-items:center;padding:17px 25px;letter-spacing:3px}.start span{font-size:23px;line-height:1}.menu-nav{display:flex;align-items:center;margin-top:20px;gap:14px}.menu-nav button{border:0;padding:8px 0;color:#b7adbf;font-size:14px}.menu-nav i{height:12px;width:1px;background:#49424b}.landing-footer{position:absolute;bottom:26px;left:5vw;right:5vw;display:flex;justify-content:space-between;color:#817a88;font-size:12px;letter-spacing:2px}.card-fan{position:absolute;left:57%;top:50%;width:30vw;max-width:440px;aspect-ratio:2/3;transform:translateY(-52%);z-index:1;perspective:1200px}.card-fan>img{position:absolute;width:85%;height:auto;border-radius:13px;box-shadow:0 30px 80px #000b,0 0 1px #b18b55;transition:transform 1s;will-change:transform}.fan-main{z-index:3;left:8%;transform:rotate(7deg);animation:float-card 7s ease-in-out infinite}.fan-left{left:-24%;top:7%;transform:rotate(-15deg) scale(.85);filter:brightness(.6);z-index:1}.fan-right{left:38%;top:7%;transform:rotate(23deg) scale(.85);filter:brightness(.6);z-index:2}.fan-caption{position:absolute;bottom:-16px;left:0;right:0;text-align:center;color:#dccca6;letter-spacing:.35em;font-family:serif;font-size:20px;z-index:5}.fan-caption small{display:block;margin-top:12px;letter-spacing:.4em;color:#93868e;font-size:12px}.orbit{position:absolute;border:1px solid #b29a6433;border-radius:50%;width:150%;aspect-ratio:1;top:0;left:-25%;transform:rotateX(35deg)}.orbit-two{width:164%;left:-32%;top:-5%;border-style:dashed;border-color:#9577c425}.mist{position:absolute;width:70%;height:25%;background:radial-gradient(ellipse,#674b841c,transparent 67%);filter:blur(30px);pointer-events:none;animation:mist 15s ease-in-out infinite alternate}.mist-one{bottom:10%;left:8%}.mist-two{right:-15%;top:20%;animation-delay:-8s}.curse{background:radial-gradient(ellipse at 60% 50%,#472d6038,transparent 70%),#0d0e17}.curse .orbit{border-color:#9870de66}.curse .difficulty.chosen{border-color:#b890e8;background:#62478044}.curse .primary{background:linear-gradient(120deg,#d1b4e3,#9c79bb);color:#1e1325;border-color:#c8a8df}.curse .hero-art{opacity:.28}.game-shell{max-width:1700px;margin:auto;min-height:100svh;background:radial-gradient(ellipse at 50% 25%,#2a203039,transparent 60%)}.game-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 3vw;border-bottom:1px solid var(--line);min-height:75px}.game-brand{border:0;display:flex;align-items:center;gap:12px;font-family:serif;font-size:24px;padding:0}.match-meta{display:flex;gap:18px;align-items:center;font-size:14px;color:#bab4c2}.match-meta b{font-size:20px;color:var(--ink);font-weight:400;font-family:serif}.match-meta i{height:16px;width:1px;background:var(--line)}.multiplier{color:var(--green);padding:7px 12px;background:#72c8ac12;border:1px solid #72c8ac33;border-radius:3px;font-size:13px}.multiplier.double{color:#e2a68b;border-color:#bd755444;background:#aa604218}.toolbar{display:flex;gap:8px;align-items:center}.toolbar button{font-size:14px;padding:8px 12px}.difficulty-badge{font-size:13px;color:var(--gold);margin-right:5px}.arena{height:470px;position:relative;margin:8px 2vw 0;isolation:isolate}.table-ring{position:absolute;inset:30px 10% 42px;border:1px solid #b2966440;border-radius:50%;background:radial-gradient(ellipse,#211c2b 0,#171923 55%,#11121b 75%);box-shadow:0 0 0 8px #a8916c06,0 0 0 9px #a8916c16,inset 0 0 70px #0005}.table-inner{position:absolute;inset:25px;border:1px solid #b2966415;border-radius:50%}.table-inscription{position:absolute;left:50%;transform:translateX(-50%);bottom:32px;font-family:serif;letter-spacing:.6em;font-size:12px;white-space:nowrap;color:#a8987138}.seat{position:absolute;display:flex;align-items:center;gap:12px;width:210px;padding:10px 12px;text-align:left;border:1px solid #8b785c44;background:linear-gradient(135deg,#20212ddd,#141620f5);box-shadow:0 10px 30px #0004;border-radius:7px;z-index:3}.seat-0{left:50%;bottom:5px;transform:translateX(-50%)}.seat-1{left:3%;top:48%}.seat-2{left:24%;top:4px}.seat-3{right:24%;top:4px}.seat-4{right:3%;top:48%}.seat-portrait{height:62px;width:52px;overflow:hidden;position:relative;flex-shrink:0;border:1px solid #b89d7044;border-radius:4px}.seat-portrait img{width:140%;height:170%;object-fit:cover;object-position:50% 25%;margin-left:-20%;margin-top:-14%}.seat-body{flex:1;min-width:0}.seat strong{font-size:15px;display:flex;align-items:center;gap:7px;font-weight:500}.lead-tag{color:#b8a47b;font-weight:400;border:1px solid #b8a47b40;padding:0 4px;font-size:11px}.health-label{display:flex;align-items:center;justify-content:space-between;margin:6px 0 5px;font-size:15px}.health-label small{color:#8f8798;font-size:11px}.hand-count{font-size:13px;color:#c3b9d1}.health-track{height:3px;display:block;background:#ffffff10;margin-bottom:6px}.health-track i{display:block;height:100%;background:var(--hp);transition:width .7s}.seat-status{color:#9a92a7;font-size:11px}.active-seat{border-color:#e2bf7b;box-shadow:0 0 0 3px #d2b07215,0 0 30px #d2b07219}.active-seat:before{content:'行动中';position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--gold);white-space:nowrap}.targetable{border-color:var(--purple);box-shadow:0 0 25px #ae82df33;cursor:crosshair}.target-selected{border:2px solid #d4acff;background:#463256}.dead .seat-portrait{filter:grayscale(1)}.dead .seat-status{color:#9b8fbd}.out{opacity:.33;filter:grayscale(1)}.ban-seal{position:absolute;inset:0;display:grid;place-items:center;background:#7e162bb9;font-size:28px;font-family:serif;color:#ffe1d6}.table-center{position:absolute;width:380px;left:50%;top:95px;transform:translateX(-50%);text-align:center}.phase-chip{font-size:13px;letter-spacing:2px;color:#c5b1db;margin-bottom:14px}.center-display{display:flex;justify-content:center;gap:30px;align-items:center}.last-card,.card-back{width:100px;height:150px;border-radius:6px;box-shadow:0 12px 30px #0007}.last-card{object-fit:cover}.card-back{border:1px solid #ac9362;outline:1px solid #ac936235;outline-offset:5px;background:repeating-linear-gradient(45deg,#ac936205 0 2px,transparent 2px 12px),radial-gradient(ellipse,#302738,#10121e);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#cbb079;position:relative}.card-back:before{content:'';position:absolute;width:52px;height:74px;border:1px solid #b69a643b;transform:rotate(45deg)}.card-back span{font-family:serif;font-size:42px;z-index:1}.card-back small{font-size:11px;margin-top:10px;letter-spacing:4px}.next-required{text-align:left;min-width:130px}.next-required small{font-size:12px;color:#a197ac;letter-spacing:2px}.next-required strong{font-family:serif;font-size:34px;color:#e4d2aa;display:block;margin:10px 0;letter-spacing:5px;font-weight:400}.next-required>span{font-size:12px;color:#8b8298;letter-spacing:1px}.table-message{font-size:13px;color:#b6acbf;margin:19px 0 10px;min-height:36px;line-height:1.6}.table-bottom{display:flex;justify-content:center;align-items:center;gap:15px;font-size:12px;color:#8e839a}.table-bottom button{padding:2px 4px;border:0;font-size:12px;color:#ac9976}.hand-zone{margin:0 3vw;border-top:1px solid #b396622b;position:relative;padding-top:16px}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.hand-heading strong{display:block;font-size:17px;font-weight:500;margin-top:4px}.hand-heading strong small{color:#9b8fa6;font-size:13px;margin-left:8px}.hand-heading p{font-size:14px;color:#c2b6ce;margin:0;flex:1;text-align:center}.hand-cards{display:flex;gap:12px;overflow-x:auto;padding:25px 10px 14px;min-height:198px;align-items:flex-start;justify-content:safe center;scrollbar-width:thin;scrollbar-color:#66533d transparent}.card{padding:0;border:1px solid #ae8b554f;border-radius:7px;overflow:hidden;position:relative;flex:0 0 108px;width:108px;height:162px;background:#13151d;transition:transform .2s,border-color .2s,filter .2s;box-shadow:0 8px 20px #0005}.card img{width:100%;height:100%;object-fit:cover;display:block}.card:hover{transform:translateY(-9px);z-index:2;border-color:var(--gold)!important}.card-index{position:absolute;left:3px;top:3px;min-width:23px;height:27px;display:grid;place-items:center;background:#17141fee;border:1px solid #b79d66aa;border-radius:4px;font-family:serif;color:#e7d1a8;font-size:20px}.card-title{position:absolute;bottom:0;left:0;right:0;background:#16131ef5;border-top:1px solid #ad945a77;color:#e6d6b2;font-family:serif;letter-spacing:3px;font-size:16px;text-align:center;padding:5px 0}.card.legal{border-color:#d9c081;box-shadow:0 0 12px #d1ad5425}.card.selected{transform:translateY(-13px);outline:2px solid #e4c98a;outline-offset:3px;filter:brightness(1.12)}.card.dim{filter:brightness(.52) saturate(.65)}.card.dim:hover{filter:brightness(.8)}.card-ready{position:absolute;right:3px;top:3px;font-size:11px;padding:3px 4px;background:#d8bd7fe8;color:#221a11;border-radius:3px}.action-bar{display:flex;min-height:69px;align-items:center;justify-content:center;gap:14px;border-top:1px solid #9c815324;padding:12px 0;flex-wrap:wrap;color:#aaa0b6;font-size:14px}.selection-info{display:flex;gap:12px;align-items:center;flex:1}.selection-info b{font-size:17px;color:var(--gold);white-space:nowrap}.selection-info span{font-size:13px;line-height:1.6}.mimic-options{display:flex;gap:5px}.mimic-options button{padding:7px 10px;font-size:13px}.mimic-options .chosen{background:#71599155;border-color:var(--purple)}.gift-label{display:flex;align-items:center;gap:8px;font-size:13px}.gift-label select{max-width:135px;background:#1c1a26;color:var(--ink);border:1px solid #87705166;padding:8px;border-radius:4px;font-size:13px}.target-help{font-size:13px;color:#ceb1ef}.waiting{display:flex;align-items:center;gap:10px}.waiting i{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 1.5s infinite}.empty-hand{padding:36px;text-align:center;color:#afa2ba;width:100%}.empty-hand span{display:block;font-size:13px;margin-top:12px;color:#786d88}.game-footer{display:flex;justify-content:space-between;padding:12px 3vw 16px;color:#736b81;font-size:12px;border-top:1px solid #9c815316}.modal{background:linear-gradient(145deg,#20202d,#11121c);color:var(--ink);border:1px solid #9e87524f;border-radius:12px;padding:0;width:min(570px,calc(100% - 32px));max-height:90svh;box-shadow:0 35px 120px #000a;overflow:auto}.modal.wide{width:min(1000px,calc(100% - 32px))}.modal::backdrop{background:#06060dcc;backdrop-filter:blur(7px)}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:23px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#191924fa;z-index:5}.modal h2{font-family:serif;font-size:27px;letter-spacing:3px;font-weight:400;margin:10px 0 0}.close{font-size:27px;padding:0 10px;border:0;color:#bcaec7}.modal-content{padding:25px 28px;line-height:1.8}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 23px}.gallery article{text-align:center}.gallery .card{width:100%;height:auto;aspect-ratio:2/3}.gallery .card:hover{transform:translateY(-4px)}.gallery .card-index{font-size:28px;width:35px;height:40px}.gallery .card-title{font-size:22px;padding:7px}.gallery h3{font-size:16px;font-weight:500;color:#ddcba6;margin:14px 0 4px}.gallery p{font-size:13px;line-height:1.7;color:#a79aad;margin:0}.art-detail{text-align:center}.art-detail img{max-width:100%;max-height:65svh;border-radius:8px}.art-detail p{color:#c6b8ce}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #aa94621d;cursor:pointer}.setting-row strong{font-size:16px;font-weight:500}.setting-row small{display:block;font-size:13px;color:#94869f;margin-top:3px}.setting-row input[type=checkbox]{width:22px;height:22px;accent-color:#bb9a64}.setting-row input[type=range]{width:160px;accent-color:var(--gold)}.tutorial-symbol{font-family:serif;font-size:70px;color:var(--gold);display:block;text-align:center}.tutorial h3{text-align:center;font-family:serif;font-weight:400;font-size:23px;letter-spacing:3px}.tutorial ol{padding-left:24px;font-size:14px;color:#bfb3c8}.tutorial li{padding-bottom:15px}.tutorial li b{color:#e2d3b8}.tutorial .primary{display:block;margin:25px auto 5px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.rules-grid h3,.rules-skills b{color:#dcc294;font-size:17px;font-weight:500}.rules-grid p{font-size:14px;color:#bdb4c9;line-height:1.9}.rules-skills{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.rules-skills p{font-size:14px;color:#bdb4c9}.rules-skills b{display:block;font-size:15px}.log-list p{font-size:14px;margin:0;padding:15px 0;border-bottom:1px solid #a5916522}.log-list small{display:block;font-size:12px;color:#9a829e;margin-bottom:4px}.discard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.discard-grid>div{border:1px solid var(--line);border-radius:4px;padding:15px}.discard-grid strong{display:block;color:var(--gold);font-size:15px;font-weight:500}.discard-grid span{font-size:22px;font-family:serif}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.result-shade{position:fixed;inset:0;z-index:50;background:#070810c9;backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px;overflow:auto}.result-panel{width:min(740px,100%);max-height:92svh;overflow:auto;background:radial-gradient(ellipse at top,#41312a33,transparent 55%),#171721;border:1px solid #c0a06466;border-radius:12px;box-shadow:0 30px 100px #0009;padding:32px}.result-panel>.eyebrow{justify-content:center;font-size:12px}.result-panel h2{text-align:center;font-family:serif;color:#e4cb9c;letter-spacing:3px;font-size:32px;font-weight:400;margin:17px 0 10px}.result-panel>.muted{text-align:center;font-size:13px}.winning-sequence{display:flex;justify-content:center;gap:8px;margin:25px 0;flex-wrap:wrap}.winning-sequence>span{display:flex;flex-direction:column;align-items:center;width:48px;padding:8px;background:#c7a76512;border:1px solid #c7a76555;border-radius:5px;color:#e6cb95;font-size:28px;font-family:serif}.winning-sequence small{font-size:12px;margin-top:4px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-weight:400;color:#988d9f;font-size:12px;padding:10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid #89755121;white-space:nowrap}.winner-row{color:var(--gold)}.damage{color:#e89c96}.result-panel h3{font-size:17px;font-weight:500;margin:24px 0 10px}.result-panel h3 small{font-size:12px;color:#8d809b;margin-left:12px}.rank-list>div{display:flex;align-items:center;gap:18px;border-bottom:1px solid #89755121;padding:9px 12px}.rank-list .rank-number{color:#d8bd85;font-family:serif;font-size:24px;width:24px}.rank-list strong{font-size:14px}.rank-list span:not(.rank-number){font-size:12px;color:#9e90ac;margin-left:auto}.rank-list b{font-size:15px;color:var(--gold);min-width:48px;text-align:right}.rank-list .is-me{background:#d4ad6e10}.spell{position:fixed;inset:0;z-index:80;pointer-events:none;background:#080810b0;display:flex;align-items:center;justify-content:center;gap:48px;animation:spell-in .28s ease-out;backdrop-filter:blur(3px)}.spell>img{height:min(65svh,540px);border-radius:12px;box-shadow:0 0 80px #a889be44;transform:rotate(-5deg);z-index:1}.spell>div:not(.spell-aura){max-width:320px;z-index:1}.spell small{font-size:14px;color:#c6b3da;letter-spacing:3px}.spell strong{font-family:serif;font-size:64px;color:#e7d7b8;display:block;letter-spacing:12px;font-weight:400;margin:15px 0}.spell p{font-size:16px;color:#c3b4d0;line-height:1.8}.spell-aura{position:absolute;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(ellipse,#8a69b92f,transparent 64%);animation:pulse 1s}.spell-1 .spell-aura{background:radial-gradient(ellipse,#49bb9c40,transparent 64%)}.spell-5 .spell-aura,.spell-9 .spell-aura{background:radial-gradient(ellipse,#b453483d,transparent 64%)}.spell-8 .spell-aura{background:radial-gradient(ellipse,#d7bd6b44,transparent 64%)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);max-width:min(600px,90vw);padding:13px 23px;border:1px solid #b4976655;border-radius:6px;background:#292231fa;color:#e3d7e6;font-size:14px;line-height:1.7;box-shadow:0 8px 35px #0007;z-index:120;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes float-card{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(5deg) translateY(-14px)}}@keyframes mist{from{transform:translate(-8%,0)}to{transform:translate(10%,10%)}}@keyframes pulse{50%{opacity:.4}}@keyframes spell-in{from{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}
@media(min-width:1450px){.landing-content{margin-left:12vw}.card-fan{left:59%;max-width:410px}.arena{height:490px}.table-center{top:105px}.hand-cards .card{width:125px;height:188px;flex-basis:125px}.hand-cards{min-height:224px}}
@media(max-width:1100px){.landing-content{margin-left:6vw;width:430px;max-width:46vw}.card-fan{left:61%;width:29vw}.game-header{gap:8px}.seat{width:180px;gap:8px;padding:8px}.seat-2{left:20%}.seat-3{right:20%}.seat-1{left:0}.seat-4{right:0}.table-center{width:330px}.card{flex-basis:91px;width:91px;height:137px}.hand-cards{gap:9px;min-height:177px}.arena{height:450px}.selection-info{flex-basis:240px}.game-brand{font-size:19px}.match-meta{gap:10px}.toolbar{gap:3px}.toolbar button{padding:7px 8px}.toolbar .difficulty-badge{display:none}}
@media(max-width:760px){.landing{min-height:840px;align-items:flex-end;height:auto}.landing-header{top:20px}.landing-header small{display:none}.landing-content{padding:330px 0 80px;margin:0 auto;max-width:88vw;width:440px}.landing h1{font-size:72px;margin-top:10px}.landing .motto{font-size:16px;margin-bottom:16px}.intro{font-size:14px;margin-bottom:22px}.card-fan{left:auto;right:11%;top:108px;width:165px;transform:none}.fan-main{width:87%}.card-fan .fan-caption{display:none}.orbit{width:140%}.hero-art{opacity:.17}.landing-footer{font-size:10px;letter-spacing:1px}.landing-footer span:last-child{letter-spacing:0}.eyebrow{font-size:12px}.game-header{padding:12px 14px;flex-wrap:wrap}.game-brand{font-size:19px}.game-brand .brand-seal{width:29px;height:29px;font-size:20px}.match-meta{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:9px;margin-top:3px}.match-meta b{font-size:17px}.match-meta .multiplier{padding:4px 9px}.arena{height:490px;margin:8px 10px 0}.table-ring{inset:55px 2% 30px;border-radius:45%}.seat{width:142px;gap:7px;padding:7px}.seat-portrait{width:37px;height:48px}.seat strong{font-size:13px;gap:3px}.seat .lead-tag{font-size:10px;padding:0 2px}.seat-status{font-size:10px}.health-label{font-size:13px;margin:4px 0}.health-label small{font-size:10px}.hand-count{font-size:11px}.seat-2{left:4%;top:10px}.seat-3{right:4%;top:10px}.seat-1{left:0;top:58%}.seat-4{right:0;top:58%}.seat-0{bottom:4px;width:170px}.table-center{top:121px;width:280px}.phase-chip{font-size:12px;margin-bottom:12px}.last-card,.card-back{width:76px;height:114px}.center-display{gap:20px}.next-required{min-width:110px}.next-required strong{font-size:27px;margin:7px 0;letter-spacing:3px}.next-required small,.next-required>span{font-size:11px}.table-message{margin-top:12px;font-size:12px;min-height:48px}.table-bottom{font-size:11px;gap:9px}.table-inscription{bottom:85px;font-size:10px;letter-spacing:3px}.hand-zone{margin:10px 14px 0;padding-top:12px}.hand-heading{gap:8px;flex-wrap:wrap}.hand-heading>div{flex:1}.hand-heading p{order:3;flex-basis:100%;text-align:left;font-size:13px;line-height:1.7}.hand-heading .tiny-label{font-size:10px}.hand-heading strong{font-size:15px}.hand-heading button{font-size:12px;padding:7px 10px}.hand-cards{justify-content:flex-start;gap:8px;padding:23px 6px 12px;min-height:176px}.card{flex-basis:91px;width:91px;height:137px}.action-bar{gap:8px}.action-bar .primary{padding:11px 19px}.selection-info{flex-basis:100%;justify-content:center}.selection-info span{font-size:12px}.selection-info b{font-size:15px}.game-footer{font-size:10px;padding:12px 14px}.rules-grid{grid-template-columns:1fr;gap:0}.modal>header{padding:17px 19px}.modal-content{padding:19px}.gallery{grid-template-columns:repeat(2,1fr);gap:24px 14px}.gallery .card-title{font-size:18px}.gallery .card-index{font-size:23px;width:28px;height:34px}.gallery p{font-size:12px}.rules-skills{grid-template-columns:1fr}.discard-grid{grid-template-columns:repeat(2,1fr)}.result-shade{padding:12px}.result-panel{padding:24px 17px}.result-panel h2{font-size:27px}.result-panel td{font-size:12px;padding:10px 6px}.result-panel th{padding:10px 6px}.spell{gap:16px}.spell>img{height:auto;width:43vw}.spell>div:not(.spell-aura){max-width:43vw}.spell strong{font-size:40px;letter-spacing:7px}.spell small{font-size:11px;letter-spacing:1px}.spell p{font-size:13px}.result-panel .dialog-actions button{padding:11px 16px;font-size:14px}}
@media(max-width:380px){.seat{width:127px}.seat-2{left:0}.seat-3{right:0}.seat-portrait{width:30px}.seat strong{font-size:12px}.next-required strong{font-size:25px}.landing-content{max-width:90vw}.difficulty strong{font-size:13px}.difficulty-label{font-size:12px}}
@media(min-width:761px) and (max-height:850px){.landing{min-height:690px}.landing-content{padding-top:95px;padding-bottom:45px}.landing h1{font-size:88px}.landing .intro{margin-bottom:20px}.landing .motto{margin-bottom:18px}.difficulty-note{margin-bottom:17px}.menu-nav{margin-top:12px}.landing-footer{bottom:14px}.card-fan{width:26vw;max-width:345px}.arena{height:300px;margin-top:7px}.table-ring{inset:20px 10% 25px}.seat{padding:7px 10px;width:185px}.seat-portrait{height:48px;width:43px}.seat-0{height:65px;bottom:0}.seat-0 .seat-status{display:none}.seat-2{left:21%;top:0}.seat-3{right:21%;top:0}.seat-1,.seat-4{top:47%}.table-center{top:67px;width:360px}.phase-chip{margin-bottom:6px;font-size:12px}.last-card,.card-back{width:63px;height:95px}.card-back span{font-size:33px}.card-back small{font-size:10px;margin-top:5px}.card-back:before{width:34px;height:50px}.next-required strong{font-size:27px;margin:7px 0}.next-required small,.next-required>span{font-size:11px}.table-message{font-size:12px;margin:8px 0 0;min-height:30px;line-height:1.5}.table-bottom{position:absolute;top:12px;left:100%;width:100px;flex-wrap:wrap;gap:5px;font-size:11px}.table-bottom button{font-size:11px}.table-inscription{bottom:16px;font-size:10px}.hand-zone{padding-top:10px}.hand-heading strong{font-size:15px}.hand-heading .tiny-label{font-size:10px}.hand-cards{padding-top:22px;padding-bottom:11px;min-height:171px}.hand-cards .card{width:92px;height:138px;flex-basis:92px}.action-bar{min-height:61px;padding:9px 0}.action-bar .primary{padding:10px 20px}.game-footer{padding-top:8px;padding-bottom:8px}.game-header{padding-top:12px;padding-bottom:12px;min-height:65px}}
.flying-card{position:fixed;left:0;top:0;z-index:70;width:46px;height:69px;border:1px solid var(--gold);border-radius:4px;background:#292034;box-shadow:0 0 25px #c9a76755;pointer-events:none;overflow:hidden;display:grid;place-items:center;color:var(--gold);font-family:serif;font-size:28px}.flying-card img{width:100%;height:100%;object-fit:cover}
@media(min-width:761px) and (max-height:850px){.table-bottom{top:118px}}
@media(max-width:760px){.arena{height:510px}.seat-1,.seat-4{top:60%}.table-bottom{position:absolute;top:-25px;left:0;right:0}.table-message{min-height:32px;font-size:11px}.table-inscription{display:none}}