:root{color-scheme:dark;--bg:#0b0915;--panel:#171324;--line:#3a2b55;--mint:#91f2d2;--pink:#ff91ce;--gold:#f6d28e;--muted:#aba3bd;--board:min(58vh,470px,45vw)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:#f8f3ff;font:14px/1.45 system-ui,sans-serif}body{min-height:100vh;overflow-x:hidden}.aurora{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 10% 20%,#682a6440,transparent 40%),radial-gradient(ellipse at 90% 70%,#24497640,transparent 45%)}button,input{font:inherit}button{border:1px solid #594072;background:#241b35;color:#f6efff;border-radius:9px;padding:8px 12px;cursor:pointer;transition:.15s}button:hover{background:#38254e;border-color:#9472b8}button:disabled{opacity:.4;cursor:not-allowed}button.primary{color:#162d2b;background:var(--mint);border-color:var(--mint);font-weight:800}button:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:2px}header{height:62px;display:flex;align-items:center;justify-content:space-between;max-width:1160px;margin:auto;padding:10px 22px;position:relative;z-index:2}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:#fff}.brand-star{color:var(--mint);font-size:28px}.brand b{font-size:15px;letter-spacing:2px}.brand i,h1 i{color:var(--pink);font-style:normal}.brand small{display:block;font-size:8px;letter-spacing:3.4px;color:var(--muted);margin-top:4px}nav{display:flex;gap:7px}nav button{font-size:12px}.active{color:var(--mint);border-color:#85d6ba77;background:#4a897422}main{position:relative;max-width:1050px;margin:auto;padding:0 20px;min-height:calc(100vh - 62px);display:flex;flex-direction:column}.scorebar{display:flex;align-items:center;justify-content:space-between;max-width:var(--board);width:100%;margin:auto;height:56px}.scorebar>div{display:flex;flex-direction:column}.scorebar span{font-size:9px;font-weight:800;letter-spacing:1.2px;color:var(--muted)}.scorebar strong{font-size:23px;line-height:1.1;color:var(--mint)}.scorebar .foe{text-align:right}.foe strong{color:var(--pink)}.round{text-align:center}.round span{font-size:12px;color:var(--gold)}.round small{font-size:8px;color:var(--muted)}.playarea{display:grid;grid-template-columns:var(--board) minmax(260px,320px);align-items:center;justify-content:center;gap:34px;flex:1;min-height:420px}.board-wrap{position:relative;width:var(--board);height:var(--board)}#board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:7px;width:100%;height:100%}.cell{border:1px solid #5b407155;border-radius:12px;background:linear-gradient(140deg,#281b36,#131324);position:relative;box-shadow:inset 0 0 20px #0005;overflow:visible}.cell.home0{border-color:#5eae9860;background:linear-gradient(140deg,#18352f,#131623)}.cell.home1{border-color:#ca6eaa60;background:linear-gradient(140deg,#3d1b34,#191325)}.cell.tgt{border:2px solid var(--mint);box-shadow:0 0 20px #91f2d235,inset 0 0 20px #91f2d215}.cell.tgt:empty:after{content:'✦';position:absolute;inset:0;display:grid;place-content:center;color:var(--mint);font-size:26px}.cell.extra-tgt{box-shadow:0 0 0 2px var(--gold),0 0 20px #f6d28e30}.cell.extra-tgt:empty:after{content:'EXTRA';font-size:10px;letter-spacing:1px;color:var(--gold)}.card{position:absolute;inset:0;border-radius:10px;overflow:hidden;padding:0;border:1px solid #afe8d7;background:#252035;color:#fff;isolation:isolate;box-shadow:0 4px 12px #0008}.card.p1{border-color:#f0a1c9}.portrait{position:absolute;inset:-3%;background-size:cover;background-position:center 18%;z-index:-2;animation:breathe 7s ease-in-out infinite alternate}.card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#100c250a 30%,#100b2355 55%,#0d0b20eb 100%)}.card.sel{outline:3px solid var(--mint);outline-offset:2px}.card.p1.sel{outline-color:var(--pink)}.nm{position:absolute;left:4px;right:4px;bottom:5px;font-size:11px;font-weight:800;text-shadow:0 1px 4px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-chip{position:absolute;bottom:20px;left:4px;right:4px;font-size:7px;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd{position:absolute;font-size:10px;line-height:1;padding:3px 4px;border:1px solid #8c89a785;border-radius:4px;background:#0a0b1ee8;z-index:2;font-weight:800;white-space:nowrap}.sd b{font-weight:800;color:#ffb7ab}.sd span{color:#b2dbff}.s0{top:3px;left:50%;transform:translateX(-50%)}.s1{right:2px;top:44%}.s2{bottom:2px;left:50%;transform:translateX(-50%)}.s3{left:2px;top:44%}.owner{position:absolute;top:5px;left:5px;font-size:7px;font-weight:900;letter-spacing:1px;background:#173a33dd;color:var(--mint);padding:2px 4px;border-radius:4px}.p1 .owner{background:#3f1930dd;color:var(--pink)}.shield{position:absolute;right:4px;top:5px;color:var(--gold);font-size:13px}#inspector{height:var(--board);max-height:480px;min-height:390px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,#21162f,#111220);position:relative;overflow:hidden;box-shadow:0 16px 45px #0004}#inspectEmpty{padding:30px 24px}h2{margin:5px 0 10px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.6px;color:var(--gold)}#inspectEmpty h2{font-size:27px}#inspectEmpty p{color:#c7bdd4;line-height:1.7}.hint{display:block;color:var(--muted);font-size:11px;margin-top:28px}#inspectCard{height:100%;overflow-y:auto;scrollbar-width:thin}#closeInspect{position:absolute;right:8px;top:8px;z-index:2;background:#100b20dd;padding:2px 9px;font-size:17px}#inspectImage{width:100%;height:215px;object-fit:cover;object-position:center 22%;display:block;mask-image:linear-gradient(#000 65%,transparent)}.inspect-copy{padding:0 17px 16px;margin-top:-24px;position:relative}.inspect-copy h2{color:var(--mint);font-size:24px;line-height:1.1;margin-bottom:5px}#inspectMotif{color:var(--muted);font-size:11px;margin:0 0 8px;text-transform:capitalize}.signature{border-left:3px solid var(--pink);background:#ff8dcc09;padding:8px 10px;border-radius:0 8px 8px 0}.signature>span{font-size:8px;letter-spacing:1.4px;color:var(--pink);font-weight:800}.signature strong{display:block;font-size:15px;color:var(--gold);margin:3px 0}.signature p{font-size:12px;margin:0}.minor{font-size:10px;line-height:1.4;color:#c5bbd3;margin:7px 0}#command{min-height:42px;display:flex;align-items:center;justify-content:center;gap:10px;max-width:800px;width:100%;margin:auto}#status{font-size:11px;color:#c5bcd3}#command button{font-size:11px;padding:6px 10px}.hand-section{max-width:700px;width:100%;margin:auto}.hand-section>div:first-child{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted);padding:0 3px 7px}.hand-section small{letter-spacing:0;color:#7e748e;margin-left:8px}#hand{height:110px;display:flex;gap:9px;justify-content:center;overflow-x:auto;padding:3px}#hand .card{position:relative;inset:auto;flex:0 0 88px;height:103px}#hand .nm{font-size:9px}#hand .skill-chip{font-size:6px}#hand .sd{font-size:8px;padding:2px 3px}footer{height:35px;display:flex;justify-content:space-between;align-items:center;max-width:900px;width:100%;margin:auto;color:#81778f;font-size:10px}footer button{border:0;background:none;padding:4px;color:#aaa0b7;font-size:10px}.motion{display:flex;align-items:center;gap:4px}.motion input{accent-color:var(--mint)}#banner{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:5;background:#141022f0;border:1px solid var(--gold);border-radius:12px;box-shadow:0 0 30px #000a;color:var(--gold);font-weight:800;padding:12px 18px;text-align:center;width:max-content;max-width:90%;opacity:0;pointer-events:none;transition:opacity .15s}#banner.show{opacity:1}.overlay[hidden]{display:none!important}.overlay{position:fixed;inset:0;z-index:20;background:radial-gradient(ellipse at center,#271234,#090812 70%);display:grid;place-content:center;padding:15px}.lobby-panel{display:grid;grid-template-columns:360px 400px;max-width:800px;min-height:520px;border:1px solid #69457e;border-radius:25px;background:#171120;box-shadow:0 30px 100px #000b;overflow:hidden}.lobby-art{position:relative;background:radial-gradient(ellipse,#70436c,#181024 70%);overflow:hidden}.lobby-art img{position:absolute;width:235px;height:350px;object-fit:cover;border:1px solid #a787b055;border-radius:14px;box-shadow:0 15px 35px #0008;top:70px;left:70px;transform:rotate(-8deg);animation:float 6s ease-in-out infinite alternate}.lobby-art img:nth-child(2){transform:rotate(8deg);left:155px;top:130px;opacity:.8;animation-delay:-2s}.lobby-art img:nth-child(3){left:12px;top:155px;transform:rotate(-15deg);opacity:.6;animation-delay:-4s}.lobby-copy{padding:42px 35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.lobby-copy h1{font-size:53px;line-height:.98;margin:14px 0 0;letter-spacing:-2px}.subtitle{font-size:11px;font-weight:800;letter-spacing:5px;color:var(--pink);margin:10px 0 18px}.lobby-copy>p:not(.subtitle){color:#c1b3cc;line-height:1.65}.facts{display:flex;gap:13px;padding:12px 0 20px;font-size:10px;color:var(--muted);flex-wrap:wrap}.facts b{display:block;color:var(--mint);font-size:18px}.lobby-copy>button{width:100%;margin:5px 0;padding:12px}.text-button{border:0;background:none;color:#b6a5c6}.lobby-copy>small{display:block;text-align:center;width:100%;color:#82728f;margin-top:8px;font-size:9px}dialog{background:#171120;color:#f6efff;border:1px solid #654479;border-radius:18px;padding:24px;max-width:94vw;max-height:90vh;box-shadow:0 25px 100px #000c}dialog::backdrop{background:#07060ed9;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0;font-size:24px}.close{background:none;border:0;font-size:23px;padding:3px 9px}.deck-help{color:var(--muted);font-size:12px}.deck-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.deck-tools strong{color:var(--mint)}.deck-tools input{background:#0d0b17;border:1px solid #48345b;border-radius:8px;color:white;padding:8px;flex:1;min-width:160px}#deckDialog{width:990px}#cardPool{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;max-height:52vh;overflow:auto;padding:12px 2px}.pool-card{border:1px solid #453151;border-radius:11px;overflow:hidden;background:#21162d;cursor:pointer}.pool-card img{width:100%;height:140px;object-fit:cover;object-position:center 18%;display:block}.pool-info{padding:8px}.pool-info h3{font-size:13px;margin:0}.pool-info .pool-skill{color:var(--gold);font-size:10px;font-weight:700}.pool-info p{font-size:10px;color:#b7a7c5;margin:4px 0;min-height:54px}.pool-stats{font-size:9px;color:#9eabc5}.pool-count{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.pool-count button{padding:1px 10px}.pool-count b{color:var(--mint)}.dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px}#deckError{color:var(--pink);font-size:12px}.rules{max-width:640px;color:#c6bad1}.rules h3{color:var(--mint);margin-bottom:4px}.rules p,.rules li{font-size:13px}#resultDialog{text-align:center}.result-star{font-size:50px;color:var(--gold);animation:float 3s alternate infinite}#resultTitle{font-size:30px;color:var(--mint)}#resultDialog button{margin:5px}#battleLog{color:#c5b6d0;font-size:12px;min-width:min(480px,80vw)}#battleLog li{margin:9px}.still *,.still *:before,.still *:after{animation:none!important;transition:none!important}@keyframes breathe{to{transform:scale(1.06) translateY(-1px)}}@keyframes float{to{transform:translateY(-7px) rotate(1deg)}}@keyframes enter{from{opacity:0;transform:scale(.7)}}@keyframes hit{40%{filter:brightness(2)}}.enter{animation:enter .4s}.hit{animation:hit .5s}@media(max-width:800px){:root{--board:min(90vw,44vh,430px)}main{padding:0 10px}.playarea{grid-template-columns:1fr;gap:10px;flex:none}.board-wrap{margin:auto}#inspector{height:auto;min-height:118px;max-height:190px;width:min(100%,520px);margin:auto}#inspectCard{display:flex;height:auto;max-height:190px}#inspectImage{width:140px;height:180px;min-width:140px;mask-image:linear-gradient(90deg,#000 65%,transparent);object-position:center 20%}.inspect-copy{padding:12px 14px;margin:0;overflow-y:auto}.inspect-copy h2{font-size:20px}.inspect-copy .minor{display:none}#inspectEmpty{padding:18px}.hint{margin-top:8px}#command{height:38px;min-height:38px}.lobby-panel{grid-template-columns:1fr;max-width:440px;max-height:94vh}.lobby-art{display:none}.lobby-copy{padding:30px}.lobby-copy h1{font-size:47px}.hand-section{margin-top:2px}.scorebar{height:48px}header{height:52px;padding:7px 12px}.brand b{font-size:11px}.brand small{font-size:6px}nav button{font-size:10px;padding:6px 8px}main{min-height:calc(100vh - 52px)}footer{margin-top:3px}#hand{height:102px}#hand .card{flex-basis:min(20vw,82px);height:95px}#cardPool{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.brand small{display:none}#navRules{font-size:0}#navRules:after{content:'?';font-size:13px}.hand-section small{display:none}.scorebar strong{font-size:19px}.round small{font-size:7px}.lobby-copy{padding:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}