:root{font-family:Yu Gothic UI,Yu Gothic,Meiryo,sans-serif;color:#223049;background:#f4f5f7;font-synthesis:none;font-size:14px;--navy:#1e2c45;--coral:#e96778;--muted:#8290a2;--border:#e1e5eb;--shadow:0 8px 30px #26355008}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:7px;padding:10px 14px;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,transform .15s,box-shadow .15s}button:hover:not(:disabled){background:#eef2f7;box-shadow:0 3px 9px #13274510}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #31a6bb;outline-offset:3px}input,select{width:100%;border:1px solid var(--border);background:#fff;color:var(--navy);padding:11px 12px;border-radius:6px;min-width:0}input:focus,select:focus{outline:2px solid #62b6c8;outline-offset:1px}label{display:block;font-size:12px;font-weight:600;margin:16px 0 0}label>input,label>select{margin-top:7px;font-weight:400}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:.03em;line-height:1.5}h2{font-size:21px}h3{font-size:15px}p{line-height:1.9}small,.small{font-size:11px}.muted{color:#7d8797}.primary{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:600}.primary:hover:not(:disabled){background:#334768}.wide{width:100%}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.button-stack{display:grid;gap:8px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#7b879b}.container{width:min(1240px,calc(100% - 80px));margin:auto}.site-header{height:78px;display:flex;align-items:center;padding:0 40px;background:#fff;border-bottom:1px solid var(--border);gap:32px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:21px;font-weight:800;letter-spacing:.05em}.brand b{font-size:12px;font-weight:600;color:#79879a;letter-spacing:.08em}.brand small{display:block;font-size:7px;letter-spacing:.2em;color:#8994a4;margin-top:3px}.brand-mark{width:38px;height:42px;border-radius:11px;background:conic-gradient(from 220deg,#bca0d7,#60abdf,#55cbbb,#f3da79,#ed9a69,#eb668f,#bca0d7);color:#fff;display:grid;place-items:center;font-size:35px;font-style:italic;line-height:1;text-shadow:1px 2px #0001}.site-header nav{display:flex;gap:9px;height:100%;margin:auto}.site-header nav a{display:flex;align-items:center;gap:8px;padding:0 18px;font-size:12px;border-bottom:3px solid transparent;color:#768194;font-weight:600}.site-header nav a.active{color:#263852;border-bottom-color:#e77d8e;background:linear-gradient(0deg,#fcf3f5,transparent 50%)}.unofficial{font-size:10px;border:1px solid var(--border);padding:6px 10px;border-radius:4px;color:#8590a0;white-space:nowrap}.home{padding-top:32px}.hero{position:relative;display:flex;overflow:hidden;min-height:304px;background:#fff;border:1px solid var(--border);border-radius:12px;isolation:isolate}.hero-copy{padding:34px 38px;width:53%;z-index:2}.hero-copy .eyebrow{display:flex;gap:8px;align-items:center;color:#65748a}.live-dot{height:6px;width:6px;background:#53bcb3;border-radius:50%;display:inline-block}.hero h1{font-size:30px;line-height:1.55;margin:15px 0 11px;letter-spacing:.06em}.hero h1 span{font-size:28px}.hero p{font-size:12px;color:#7b8797;line-height:1.9;margin:0 0 18px}.hero-copy .primary{font-size:11px;padding:10px 17px}.hero-cards{position:absolute;top:0;right:0;bottom:0;left:49%;background:radial-gradient(ellipse at 65% 75%,#f9d5dc66,transparent 50%),radial-gradient(ellipse at 20% 0%,#cce8e8aa,transparent 60%),#f4f6fa;display:flex;justify-content:center;align-items:center;gap:0;padding-left:0}.hero-cards:before{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff;border-radius:50%;box-shadow:0 0 0 40px #ffffff50,0 0 0 80px #ffffff40;top:0;left:18%}.hero-cards img{width:26%;max-width:148px;border-radius:7px;box-shadow:0 12px 18px #12243d26;position:relative;margin-left:-19px;transform:translateY(calc((var(--i) - 1)*9px)) rotate(calc((var(--i) - 1.5)*9deg));outline:3px solid #ffffff}.hero-caption{position:absolute;bottom:17px;right:25px;letter-spacing:.25em;font-size:8px;color:#99a1b0}.rainbow{display:flex;gap:3px}.rainbow i{width:17px;height:4px;display:block;border-radius:2px}.hero>.rainbow{position:absolute;bottom:0;left:0;right:0;gap:0}.hero>.rainbow i{width:14.286%;height:4px;border-radius:0}.color-R{--color:#df627f;background:#df627f}.color-O{--color:#ee9c65;background:#ee9c65}.color-Y{--color:#e7c564;background:#e7c564}.color-G{--color:#5cbaa0;background:#5cbaa0}.color-B{--color:#69bada;background:#69bada}.color-I{--color:#818dcc;background:#818dcc}.color-V{--color:#af8cce;background:#af8cce}.notice{display:flex;gap:17px;align-items:center;padding:19px 2px;margin-bottom:17px;font-size:11px;border-bottom:1px solid var(--border)}.notice>span{font-weight:800;white-space:nowrap;font-size:10px;letter-spacing:.08em}.notice p{margin:0;color:#7a8697}.notice button{margin-left:auto;white-space:nowrap;border:none;background:transparent;font-size:10px;padding:4px}.lobby-layout{display:grid;grid-template-columns:1fr 306px;gap:26px}.rooms-panel,.create-panel{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 25px 15px}.section-heading h2{margin:6px 0 0;font-size:22px}.section-heading h2 small{font-size:9px;color:#8391a3;letter-spacing:.12em;margin-left:13px;font-weight:500}.icon-button{padding:8px;border:none}.room-tabs{display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border);gap:20px}.room-tabs button{padding:13px 0;border:none;border-bottom:2px solid transparent;background:transparent;border-radius:0;font-size:11px;color:#8993a3}.room-tabs button.active{border-bottom-color:#22364f;color:#22364f;font-weight:700}.connection{display:inline-flex;gap:6px;align-items:center;color:#8895a3;font-size:10px;white-space:nowrap}.room-tabs .connection{margin-left:auto}.connection i{height:5px;width:5px;border-radius:50%;background:#c99e64}.connection.online i{background:#50ac98}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:272px;padding:35px 10px;color:#98a1b0}.empty h3{color:#64718a;font-size:15px;margin:17px 0 8px}.empty p{font-size:11px;line-height:2;margin:0}.empty-art{background:#f3f6fa;border:1px dashed #cbd5e2;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:#91a1b6}.join-code{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding:17px 24px;background:#fafbfd;border-radius:0 0 10px 10px}.join-code span{font-size:10px;white-space:nowrap;color:#78859a}.join-code input{max-width:185px;font-size:11px;padding:8px 12px}.join-code button{font-size:10px;padding:8px 14px}.create-panel{padding:24px;background:#fff}.create-panel h2{margin:7px 0 17px;font-size:19px}.create-panel label{font-size:11px;margin-top:13px}.create-panel input,.create-panel select{font-size:11px;padding:10px}.checkbox{display:flex;align-items:center;gap:7px;font-weight:400}.checkbox input{width:13px;height:13px;margin:0;accent-color:#263d56}.create-panel .primary{margin-top:20px;font-size:12px}.create-panel .small{font-size:9px;margin-top:11px;margin-bottom:0}.room-row{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid #eef1f5}.room-symbol{border-radius:10px;padding:13px;background:#f0f4f8;color:#728aa5}.room-info{min-width:0}.room-info h3{margin:0 0 4px;font-size:13px}.room-info p{font-size:10px;color:#8793a4;margin:0}.room-info p span{margin-left:8px}.room-info code{font-size:9px;color:#98a4b5}.room-actions{display:flex;gap:5px;margin-left:auto}.room-actions button{font-size:10px;padding:8px 10px}.status{font-size:9px;padding:4px 8px;border-radius:4px;background:#edf3f7;color:#6d8299;white-space:nowrap}.status.waiting{color:#3c9383;background:#eaf6f1}.status.playing{color:#c48445;background:#fbf2e6}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0 35px}.quick-links button{justify-content:flex-start;gap:18px;padding:19px 25px;text-align:left;background:#fff}.quick-links button>svg{color:#879bb2}.quick-links button>svg:last-child{margin-left:auto;width:17px}.quick-links b{display:block;font-size:12px}.quick-links small{display:block;font-size:10px;color:#8b95a5;margin-top:4px}footer{display:flex;align-items:center;gap:15px;flex-wrap:wrap;border-top:1px solid var(--border);padding:23px 40px;color:#96a0af;font-size:9px}footer a{margin-left:auto}footer small{font-size:8px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:33px 0 20px}.page-heading h1{font-size:28px;margin:7px 0}.page-heading p{font-size:12px;margin:0}.page-heading .button-row button{font-size:11px}.deck-layout{display:grid;grid-template-columns:1fr 308px;gap:27px;margin-bottom:35px}.collection-tools{display:flex;align-items:center;gap:12px}.collection-tools>select{width:155px;font-size:12px}.collection-tools>span{font-size:11px;color:#8b96a7;white-space:nowrap}.search{display:flex;align-items:center;background:#fff;padding-left:12px;border:1px solid var(--border);border-radius:7px;flex:1}.search input{border:none;background:none;font-size:12px}.search svg{color:#8e9bac}.class-tabs{display:flex;gap:7px;margin-top:18px}.class-tabs button{font-size:12px;padding:9px 23px;background:transparent}.class-tabs .active.sol{background:#fcebf0;border-color:#e2b9c5;color:#b75a77}.class-tabs .active.luna{background:#e8f3fc;border-color:#aed2ea;color:#387ca7}.class-tabs .active.comet{background:#e2f3f0;border-color:#a6d9d0;color:#338e80}.class-tabs .active.stella{background:#fff4d9;border-color:#e6d29b;color:#a08135}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.collection-card{padding:11px;background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden}.card-face{position:relative;border:0;padding:0;background:none;border-radius:5px;display:block;min-width:0;flex-shrink:0}.card-face img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}.card-face:hover:not(:disabled){background:none;box-shadow:0 0 0 2px #729bb980}.card-face.selected{box-shadow:0 0 0 3px #eb9c60,0 0 14px #eb9c6055}.collection-card>.card-face{width:100%;aspect-ratio:5/7;filter:drop-shadow(0 4px 5px #1d2e421b)}.collection-card h3{font-size:11px;margin:10px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-card>small{font-size:9px;color:#929ba8}.quantity{display:flex;align-items:center;justify-content:space-between;background:#f5f7fa;border-radius:5px;margin-top:10px}.quantity button{border:none;background:transparent;padding:5px 12px}.quantity b{font-size:12px}.deck-summary{align-self:start;background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px;position:sticky;top:18px}.deck-summary>select{font-size:11px}.deck-summary>label{font-size:10px}.deck-summary input{font-size:11px}.channel-preview{display:flex;gap:13px;align-items:center;margin:23px 0 17px}.channel-preview>.card-face{width:110px}.channel-preview small{font-size:8px;color:#9aa2af;letter-spacing:.12em}.channel-preview h3{font-size:13px;margin:5px 0 6px}.class-tag{font-size:9px;border-radius:4px;padding:3px 7px;display:inline-block;background:#f4e7ed;color:#b67a91}.class-tag.luna{background:#e7f1f9;color:#6d92b3}.class-tag.comet{background:#e1f4ef;color:#66a998}.class-tag.stella{background:#fff2d7;color:#b29a63}.deck-count{display:flex;align-items:center;justify-content:space-between}.deck-count>b{font-size:32px}.deck-count small{font-size:14px;color:#a2aab6;font-weight:400}.deck-count>span{font-size:10px}.success{color:#4aab8e}.warning{color:#c69745}.count-bar{background:#f0f3f7;border-radius:2px;height:3px;margin:8px 0 15px;overflow:hidden}.count-bar i{display:block;background:#75bfb1;height:100%}.deck-card-list{max-height:340px;overflow:auto}.deck-card-list>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f2f6;padding:7px 0;font-size:11px}.deck-card-list button{padding:0;background:none;border:none;text-align:left;display:block;font-size:11px}.deck-card-list small{display:block;color:#99a3b3;font-size:8px;margin-top:3px}.caution{font-size:10px;background:#faf6ec;border:1px solid #efe5cd;padding:12px;color:#9c855b;border-radius:6px;line-height:1.8}.deck-summary>.primary{font-size:11px;margin:4px 0 11px}.deck-summary>small{display:block;text-align:center;font-size:9px}.learn-choices{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:42px}.learn-choices article{position:relative;padding:32px;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.learn-choices article>svg{color:#7399a5;margin-bottom:20px}.learn-choices h2{margin:0 0 12px}.learn-choices p{font-size:12px;color:#8291a2;max-width:370px}.learn-choices button{font-size:12px}.step-number{position:absolute;right:22px;top:0;font-size:120px;font-weight:900;color:#f5f6f8;line-height:1.2}.rules-overview{margin-bottom:35px}.phase-guide{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.phase-guide article{padding:18px;background:#fff;border:1px solid var(--border);border-radius:8px}.phase-guide b{font-size:12px;color:#e093a2}.phase-guide h3{font-size:13px;margin:12px 0 8px}.phase-guide p{font-size:11px;color:#7d8b9e;margin:0}.source-section{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;padding:28px 0 40px;border-top:1px solid var(--border)}.source-section h2{margin-top:9px}.source-section p,.source-section li{font-size:11px;color:#8290a3;line-height:1.9}.source-section ul{padding-left:18px}.source-section li{margin-bottom:10px}.source-section aside{padding:23px;background:#fff;border:1px solid var(--border);border-radius:8px}.source-section a{font-size:12px;color:#567f9d;text-decoration:underline;text-underline-offset:4px}.source-section aside h3{margin-bottom:20px}.waiting-room{text-align:center;padding:50px 0}.waiting-room h1{margin-top:12px}.waiting-room p{color:#8592a4}.waiting-seats{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:730px;margin:28px auto}.waiting-seats article{background:#fff;border:1px solid var(--border);border-radius:12px;padding:30px;min-height:240px}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#eaf0f6;font-size:22px;margin:0 auto 18px;color:#7995af}.waiting-seats h2{font-size:18px}.waiting-seats span{font-size:11px;color:#929eac}.waiting-seats select{margin:25px 0 12px}.waiting-seats .primary{width:100%}.waiting-room>.caution{max-width:730px;margin:25px auto}.game-toolbar{height:46px;padding:0 19px;display:flex;gap:13px;align-items:center;background:#f5f6f8;border-bottom:1px solid var(--border);font-size:11px}.game-toolbar button{font-size:10px;padding:5px 8px;background:transparent}.game-toolbar>b{font-size:12px}.toolbar-right{margin-left:auto;display:flex;gap:8px;align-items:center}.mode-label{font-size:9px;color:#929dad}.site-header.compact{height:58px;padding:0 24px}.compact .brand{font-size:17px}.compact .brand-mark{width:29px;height:32px;font-size:27px;border-radius:8px}.compact .brand small{font-size:6px}.compact nav a{font-size:10px;padding:0 13px}.compact .unofficial{font-size:9px;padding:4px 7px}.landscape-hint{display:none}.board-shell{width:min(100%,calc((100dvh - 148px)*16/9));aspect-ratio:16/9;margin:4px auto;display:grid;grid-template-columns:14.5% 66.5% 19%;border:1px solid #dce1e8;background:#fff;overflow:hidden;border-radius:5px;container-type:inline-size;font-size:1cqw}.game-log,.game-announcement{display:flex;flex-direction:column;min-height:0;min-width:0;background:#fff}.game-log{border-right:1px solid #dce2ec}.game-announcement{border-left:1px solid #dce2ec}.rail-title{display:flex;align-items:center;gap:.4cqw;padding:.9cqw .8cqw;font-size:.77cqw;font-weight:700;border-bottom:1px solid #e9edf3;white-space:nowrap}.rail-title svg{width:1cqw;height:1cqw;color:#899bb2}.rail-title small{font-size:.48cqw;color:#5bac9b;margin-left:auto}.log-scroll{flex:1;overflow:auto;padding:0 .8cqw;scrollbar-width:thin}.log-entry{border-bottom:1px solid #f0f2f6;padding:.6cqw 0}.log-entry h4{font-size:.65cqw;letter-spacing:.1em;color:#677b95;margin:.4cqw 0;padding:.3cqw 0}.log-entry>small{color:#a2adbd;font-size:.57cqw}.log-entry p{font-size:.68cqw;color:#79879a;line-height:1.65;margin:.2cqw 0;overflow-wrap:anywhere}.log-footer{display:flex;justify-content:space-between;padding:.7cqw .8cqw;font-size:.57cqw;color:#a0acbd;border-top:1px solid #e8edf4}.game-table{background:radial-gradient(circle at 50% 50%,#fff9,#fff0 48%),linear-gradient(135deg,#e9eef4,#f1f4f8);position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0 .7cqw;isolation:isolate}.game-table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#c7d2df 1px,transparent 1px);background-size:9px 9px;opacity:.17;z-index:-1}.opponent-hand{display:flex;align-items:start;justify-content:center;gap:.3cqw;height:3.7cqw;overflow:hidden;flex-shrink:0}.card-back{object-fit:contain;border-radius:.25cqw;display:block;width:4.4cqw;height:6.1cqw}.opponent-hand .card-back{width:2.3cqw;height:3.3cqw;transform:translateY(-.35cqw);opacity:.8}.opponent-hand>span{font-size:.7cqw}.player-area{display:flex;flex-direction:column;min-height:0;flex:1;padding:0 .6cqw}.player-area.self{flex-direction:column-reverse}.player-name{display:flex;align-items:center;gap:.4cqw;font-size:.77cqw;height:1.7cqw;min-height:1.7cqw;padding:0 .2cqw}.player-name small{color:#93a1b3;font-size:.59cqw}.player-name strong{margin-left:auto;font-size:.95cqw;line-height:1;color:#536d8b}.player-name strong span{font-size:.6cqw;color:#9ba9bb;margin-left:.2cqw}.player-dot{height:.5cqw;width:.5cqw;background:#bdc7d3;border-radius:50%}.player-dot.active{background:#e99d73;box-shadow:0 0 0 .2cqw #eeb29422}.rainbow-area{display:flex;gap:.27cqw;margin:.35cqw 0;height:2.15cqw;flex-shrink:0}.rainbow-slot{flex:1;border-radius:.2cqw;position:relative;display:grid;place-items:center;background:color-mix(in srgb,var(--color) 10%,transparent);border:1px solid color-mix(in srgb,var(--color) 22%,transparent);color:color-mix(in srgb,var(--color) 65%,#666);font-size:.55cqw;font-weight:800;overflow:hidden}.rainbow-slot.filled{background:var(--color);border-color:var(--color)}.rainbow-slot img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;object-position:50% 35%}.rainbow-slot span{z-index:1}.rainbow-slot.filled span{color:#fff;text-shadow:0 1px #0003}.player-zones{height:6.35cqw;display:flex;align-items:center;gap:1.2cqw;padding:.25cqw 2cqw;justify-content:center;flex-shrink:0}.zone{position:relative;border:1px dashed #cbd6e3;border-radius:.3cqw;display:flex;justify-content:center;align-items:center;height:5.3cqw;width:5cqw;flex-shrink:0}.zone>small{position:absolute;top:-.43cqw;font-size:.48cqw;letter-spacing:.12em;color:#91a3b8;background:#edf2f7;padding:0 .2cqw}.zone-empty{font-size:.54cqw;color:#a9b7c7}.zone .card-face,.zone .card-back{width:3.35cqw;height:4.65cqw}.channel-zone{width:10.4cqw;border-style:solid;border-color:#d1dce8}.channel-zone .card-face{width:7.7cqw;height:5.1cqw}.deck-pile,.log-pile{position:relative;width:4.1cqw;height:5.5cqw;padding:0;background:none;border:0;border-radius:.3cqw;margin-left:.5cqw}.deck-pile .card-back{width:3.9cqw;height:5.4cqw;box-shadow:.13cqw .13cqw #6b809680,.3cqw .3cqw #8397ad55}.deck-pile span{position:absolute;bottom:.15cqw;right:-.4cqw;min-width:1.6cqw;height:1.3cqw;background:#fff;border:1px solid #cdd7e5;border-radius:.3cqw;font-size:.76cqw;display:grid;place-items:center;font-weight:700}.log-pile{border:1px dashed #ced8e5;color:#b2bfd0}.log-pile img{width:3.5cqw;height:4.8cqw;object-fit:contain}.log-pile>span{position:absolute;bottom:-.3cqw;left:0;right:0;font-size:.56cqw;background:#ecf1f6;white-space:nowrap}.field-row{display:flex;gap:.65cqw;flex:1;min-height:6.8cqw}.color-line{width:2.8cqw;display:flex;flex-direction:column;gap:.1cqw;justify-content:center;flex-shrink:0;padding:.2cqw 0}.color-card{height:.93cqw;min-height:0;flex:1;max-height:1.2cqw;border-radius:.13cqw;padding:0;border:1px solid #9aaec955;background:linear-gradient(115deg,#e899b6,#ecc484,#7fccc4,#9eb3de);opacity:.8;box-shadow:none;font-size:.53cqw;color:#fff}.color-card>span{font-weight:800;font-style:italic}.color-card[class*=color-]:has(>svg){opacity:.18}.color-card.color-R,.color-card.color-O,.color-card.color-Y,.color-card.color-G,.color-card.color-B,.color-card.color-I,.color-card.color-V{background:var(--color);opacity:1;color:#fff}.color-card.scored{opacity:.15!important;background:#cad5e2}.field{border:1px solid #d0dbe8;border-radius:.45cqw;display:flex;align-items:center;justify-content:center;gap:1.05cqw;padding:.6cqw;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;background:#ffffff3d;box-shadow:inset 0 1px 5px #5c769006;scrollbar-width:thin}.field-empty{font-size:.65cqw;color:#b8c5d5;letter-spacing:.6em}.field-piece{position:relative;flex-shrink:0;padding-bottom:.65cqw;width:4.3cqw;height:6.55cqw;display:flex;align-items:center;justify-content:center}.field-piece .card-face{width:4.1cqw;height:5.8cqw;filter:drop-shadow(0 .2cqw .2cqw #20375426)}.field-piece.rested{width:6.2cqw}.power-label{position:absolute;bottom:-.15cqw;left:50%;transform:translate(-50%);font-size:1.14cqw;font-weight:700;color:#697f9c;background:#eef2f7dd;border:1px solid #d7e0ec;padding:.03cqw .35cqw;border-radius:.25cqw}.self .field-row{margin-bottom:.45cqw}.opponent .field-row{margin-top:.45cqw}.table-divider{height:2.4cqw;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:1.2cqw;border-top:1px solid #ccd8e5;border-bottom:1px solid #ccd8e5;background:#ffffff7a;margin:.45cqw -.7cqw;color:#8294ab}.table-divider span{font-size:.57cqw;letter-spacing:.05em}.table-divider b{font-size:.74cqw;color:#5f7794}.hand-tray{height:8.35cqw;flex-shrink:0;position:relative;padding:.7cqw .4cqw .3cqw;margin-top:.2cqw;border-top:1px solid #d0dce9;background:linear-gradient(0deg,#dde6f0bb,transparent)}.hand-tray>small{position:absolute;left:0;top:.3cqw;font-size:.48cqw;letter-spacing:.1em;color:#9aabbe}.hand-cards{height:100%;display:flex;gap:.45cqw;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;padding:.25cqw .45cqw;scrollbar-width:thin}.hand-cards .card-face,.hand-cards>.card-back{width:4.8cqw;height:6.7cqw;filter:drop-shadow(0 .2cqw .3cqw #1731481a)}.announcement-scroll{overflow:auto;flex:1;padding:.85cqw;scrollbar-width:thin}.turn-summary{text-align:center;padding:.4cqw 0 .5cqw}.turn-summary small{font-size:.55cqw;color:#a0adbe;letter-spacing:.15em}.turn-summary h2{font-size:1.36cqw;margin:.45cqw 0 .3cqw;letter-spacing:.05em}.turn-summary>span{font-size:.66cqw;color:#8c9aaf}.phase-dots{display:flex;gap:.3cqw;justify-content:center;margin:.55cqw 0 1cqw}.phase-dots i{height:.2cqw;width:1.7cqw;background:#e2e8f0;border-radius:.2cqw}.phase-dots i.active{background:#ec9b76}.announcement-text{font-size:.73cqw;line-height:1.8;color:#8190a5;margin:.65cqw 0 .85cqw}.game-announcement button{font-size:.69cqw;padding:.6cqw .55cqw;border-radius:.35cqw;gap:.3cqw}.game-announcement button svg{width:1cqw;height:1cqw}.next-phase{min-height:2.5cqw}.selection-empty{text-align:center;color:#b1becd;border-top:1px solid #e9edf4;margin-top:1.2cqw;padding-top:1.5cqw}.selection-empty>svg{width:1.6cqw}.selection-empty p{font-size:.68cqw;margin-top:.5cqw;line-height:1.9}.selected-card{margin-top:1cqw;padding-top:.8cqw;border-top:1px solid #e5ebf2}.selection-heading{display:flex;justify-content:space-between;align-items:center;gap:.3cqw}.selection-heading h3{font-size:.82cqw;margin:0}.selection-heading button{border:0;padding:.2cqw}.selected-image{padding:0!important;display:block;margin:.6cqw auto;background:none;border:0;width:8cqw;max-height:12cqw}.selected-image img{width:100%;max-height:12cqw;object-fit:contain;border-radius:.3cqw;display:block}.card-stats{display:flex;justify-content:center;gap:.6cqw;margin:.5cqw 0;font-size:.56cqw;color:#94a3b5}.selected-card p{font-size:.67cqw;color:#8191a7;line-height:1.7;margin:.5cqw 0}.announcement-bottom{border-top:1px solid #e3e9f1;padding:.65cqw;display:flex;gap:.4cqw;background:#fbfcfe}.announcement-bottom button:first-child{flex:1}.announcement-bottom button:last-child{font-size:.61cqw;border:0;color:#adb6c5}.pending-effect{background:#fff7e8;padding:.7cqw;border:1px solid #f2e2bd;border-radius:.3cqw;margin:.7cqw 0}.pending-effect b{font-size:.73cqw;color:#ab8a49}.pending-effect p{font-size:.66cqw;line-height:1.7;color:#a89672;margin:.5cqw 0}.cost-picker{padding:.6cqw;background:#fdf4ed;border:1px solid #f3d3b9;border-radius:.35cqw}.cost-picker>b{font-size:.8cqw;color:#b18055}.cost-picker button{margin-top:.45cqw}.tutorial-guide{padding:.8cqw;background:#eaf5f2;border:1px solid #bdddd4;border-radius:.4cqw;margin-bottom:1cqw}.tutorial-guide>span{font-size:.53cqw;color:#66a898;letter-spacing:.1em}.tutorial-guide h3{font-size:.85cqw;margin:.4cqw 0}.tutorial-guide p{font-size:.69cqw;line-height:1.8;color:#688f89;margin:0}.win-message{text-align:center;background:#faf5e9;border-radius:.4cqw;padding:1cqw;color:#b19656;margin:.8cqw 0}.win-message h3{font-size:.9cqw}.win-message p{font-size:.75cqw}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#21344b;color:#fff;border-radius:9px;padding:13px 17px;box-shadow:0 8px 25px #0002;display:flex;align-items:center;gap:18px;z-index:1000;max-width:90vw;font-size:12px}.toast button{background:none;border:none;padding:0;color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10213799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:25px}.card-modal,.manual-modal,.log-modal,.confirm-modal{position:relative;background:#fff;border-radius:12px;max-height:92dvh;overflow:auto;box-shadow:0 20px 70px #07111f55;padding:30px;max-width:90vw}.close{position:absolute;right:12px;top:12px;border:0;background:#f1f3f5;padding:6px;z-index:1}.close svg{width:18px;height:18px}.card-modal{display:grid;grid-template-columns:minmax(0,300px) minmax(0,270px);gap:30px;align-items:center}.card-modal>img{width:100%;max-height:80dvh;object-fit:contain;border-radius:6px}.card-modal h2{margin-top:12px}.card-modal p{font-size:12px}.card-modal a{text-decoration:underline}.manual-modal{width:520px}.manual-modal h2{margin-top:10px}.manual-modal>p{font-size:11px}.manual-modal label{font-size:11px;margin-top:12px}.manual-modal .button-row{justify-content:flex-end;margin-top:24px}.manual-modal input,.manual-modal select{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.confirm-modal{max-width:450px;padding:30px}.confirm-modal h3{line-height:1.8;padding-right:10px}.confirm-modal .button-row{justify-content:flex-end}.board-zoom{position:relative;display:flex;align-items:center;flex-direction:column;max-width:85vw;max-height:95dvh;padding:25px;border-radius:12px;background:#fff}.board-zoom>img{max-width:70vw;max-height:78dvh;object-fit:contain;border-radius:7px;width:auto}.board-zoom>p{font-size:12px;max-width:500px;margin:12px 0 0;text-align:center}.log-modal{min-width:320px;max-width:900px;width:85vw}.log-modal>div{display:flex;gap:13px;flex-wrap:wrap}.log-modal .card-face{width:108px;height:151px}.inline-error{padding:12px;text-align:center;color:#bd6b6b;background:#fff4f2;font-size:12px}body:has(.board-shell){background:#e8edf3}@media(min-width:1650px){.container{width:1300px}.hero{min-height:330px}.hero h1{font-size:34px}}@media(max-width:1100px){.container{width:calc(100% - 44px)}.site-header{padding:0 22px;gap:12px}.site-header nav{gap:0}.site-header nav a{padding:0 12px;font-size:11px}.brand{font-size:18px}.unofficial{font-size:8px}.hero h1,.hero h1 span{font-size:25px}.hero-copy{padding:28px}.lobby-layout{grid-template-columns:1fr 270px;gap:18px}.room-tabs{gap:12px;padding:0 17px}.room-tabs .connection{font-size:8px}.room-tabs button{font-size:10px}.room-actions{flex-direction:column}.section-heading{padding:20px 18px 12px}.create-panel{padding:20px}.join-code{padding:16px}.join-code span{display:none}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-layout{grid-template-columns:1fr 280px}.phase-guide{gap:10px}.phase-guide article{padding:14px}.site-header.compact nav a{padding:0 8px}.compact .brand{font-size:15px}.compact .unofficial{display:none}}@media(max-width:750px){.site-header{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 18px 0;gap:6px}.site-header .brand{margin-right:auto}.site-header>.unofficial{display:none}.site-header nav{width:100%;justify-content:space-between;order:3;margin:0;height:40px}.site-header nav a{padding:0 5px;font-size:10px;gap:5px}.site-header nav a svg{width:14px}.container{width:calc(100% - 30px)}.home{padding-top:20px}.hero{min-height:290px}.hero-copy{padding:25px 22px;width:75%}.hero h1,.hero h1 span{font-size:22px}.hero-copy p{font-size:11px}.hero-cards{left:64%;padding-left:30px;opacity:.53;width:280px}.hero-cards img{max-width:120px;width:120px;margin-left:-60px}.hero-cards img:nth-child(n+3){display:none}.notice{gap:8px;padding:14px 2px;align-items:flex-start;margin:0 0 17px}.notice p{font-size:10px}.notice button{display:none}.lobby-layout{grid-template-columns:1fr}.create-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.create-panel>.eyebrow,.create-panel>h2,.create-panel>button,.create-panel>p,.create-panel>label:has(select){grid-column:span 2}.create-panel h2{margin-bottom:0}.create-panel .primary{margin-top:15px}.empty{min-height:240px}.quick-links{gap:12px}.quick-links button{padding:15px 12px;gap:10px}.quick-links small{font-size:9px}.quick-links svg{width:18px}.quick-links svg:last-child{display:none}.quick-links b{font-size:11px}footer{padding:20px;font-size:8px;gap:12px}footer a{margin-left:0}.page-heading{display:block;padding:24px 0 18px}.page-heading .button-row{margin-top:16px}.page-heading h1{font-size:24px}.deck-layout{display:flex;flex-direction:column-reverse;gap:18px}.deck-summary{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 14px;width:100%;padding:16px}.deck-summary>select{grid-column:1/-1}.deck-summary .channel-preview{grid-column:2;grid-row:2;margin:12px 0 5px}.channel-preview .card-face{width:77px}.channel-preview h3{font-size:11px}.deck-summary label{grid-column:1;grid-row:2}.deck-summary .deck-card-list{display:none}.deck-summary .count-bar,.deck-summary .caution,.deck-summary>.primary,.deck-summary>small{grid-column:1/-1}.deck-count{grid-column:1/-1}.deck-count>b{font-size:25px}.collection-card{padding:8px}.card-grid{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.class-tabs button{flex:1;padding:8px}.collection-card h3{font-size:10px}.collection-tools{gap:8px}.collection-tools>select{width:120px;font-size:10px}.collection-tools>span{display:none}.learn-choices{grid-template-columns:1fr;gap:15px}.learn-choices article{padding:25px}.phase-guide{grid-template-columns:1fr}.phase-guide article{display:grid;grid-template-columns:25px 85px 1fr;gap:10px;align-items:center}.phase-guide h3{margin:0;font-size:12px}.phase-guide p{font-size:10px}.source-section{grid-template-columns:1fr;gap:15px}.waiting-seats{gap:12px}.waiting-seats article{padding:18px 10px}.waiting-seats h2{font-size:13px}.waiting-seats select{font-size:11px}.card-modal{grid-template-columns:1fr;max-width:400px;gap:15px}.card-modal>img{max-height:50vh}.card-modal h2{font-size:20px}.card-modal p{font-size:11px}.game-toolbar{gap:6px;padding:0 9px;height:37px}.game-toolbar>b{font-size:10px}.game-toolbar .mode-label{display:none}.toolbar-right{gap:5px}.game-toolbar button{padding:4px 5px;font-size:9px}.game-toolbar .connection{font-size:8px}.room-code{font-size:8px!important}.site-header.compact{height:40px;min-height:40px;flex-wrap:nowrap;padding:0 10px}.compact .brand{font-size:12px;margin-right:0}.compact .brand small{display:none}.compact .brand-mark{height:24px;width:23px;font-size:20px}.compact nav{width:auto;order:0;height:40px;margin-left:auto;gap:0}.compact nav a{font-size:8px;padding:0 6px;gap:3px}.compact nav a svg{width:11px}.board-shell{width:min(100%,calc((100dvh - 119px)*16/9));margin:2px auto}.manual-modal{padding:23px}.manual-modal h2{font-size:19px}.manual-modal input,.manual-modal select{padding:7px;font-size:11px}.manual-modal label{font-size:10px;margin-top:8px}}@media(max-width:800px)and (orientation:portrait){.landscape-hint{display:block;background:#fff3dc;color:#ae9355;font-size:11px;text-align:center;padding:9px}.board-shell{width:900px;margin:0;max-width:none}body:has(.board-shell){overflow-x:auto}.compact nav a:last-child span{max-width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media(max-height:550px)and (orientation:landscape){.site-header.compact{height:35px;min-height:35px}.compact nav{height:35px}.compact .brand-mark{height:23px;width:23px;font-size:20px}.compact .brand{font-size:12px}.compact .brand small{display:none}.compact nav a{font-size:9px}.game-toolbar{height:30px}.game-toolbar button{padding:3px 6px;font-size:8px}.game-toolbar>b{font-size:10px}.board-shell{width:min(100%,calc((100dvh - 105px)*16/9));margin:2px auto}.modal-backdrop{padding:12px}.manual-modal{max-height:94dvh;padding:18px}.manual-modal h2{font-size:17px;margin:6px 0}.manual-modal>p{font-size:10px;margin:0}.manual-modal label{margin-top:6px;font-size:10px}.manual-modal input,.manual-modal select{padding:6px;font-size:10px}.manual-modal .button-row{margin-top:12px}.manual-modal button{padding:7px 10px;font-size:10px}}:fullscreen .site-header.compact,:fullscreen .game-toolbar{display:none}:fullscreen .board-shell{width:min(100%,calc(100dvh * 16/9));margin:auto}:fullscreen body:has(.board-shell){display:flex;align-items:center;justify-content:center;min-height:100dvh}:fullscreen #root{width:100%}.rail-title{font-size:clamp(9px,.85cqw,13px)}.rail-title small{font-size:clamp(7px,.55cqw,10px)}.log-entry p{font-size:clamp(9px,.76cqw,12px)}.log-entry>small,.log-entry h4{font-size:clamp(8px,.67cqw,10px)}.announcement-text,.selected-card p,.pending-effect p,.tutorial-guide p{font-size:clamp(10px,.79cqw,12px)}.game-announcement button{font-size:clamp(10px,.78cqw,13px);min-height:28px}.tutorial-guide h3,.selection-heading h3{font-size:clamp(11px,.95cqw,15px)}.turn-summary h2{font-size:clamp(17px,1.6cqw,26px)}.turn-summary>span{font-size:clamp(9px,.72cqw,12px)}.selection-empty p{font-size:clamp(9px,.76cqw,12px)}.player-name{font-size:clamp(8px,.82cqw,13px)}.player-name small{font-size:clamp(7px,.64cqw,11px)}.field-piece .card-face{width:4.8cqw;height:6.6cqw}.field-piece{width:5cqw;height:7.3cqw}.field-piece.rested{width:7cqw}.hand-cards .card-face{width:5.05cqw;height:7.1cqw}@media(max-width:950px)and (orientation:landscape){.board-shell{width:100%;margin:0 auto}.announcement-bottom button,.game-log .rail-title{font-size:9px}.rail-title{white-space:normal}.log-entry p{font-size:9px}.game-announcement button{min-height:28px;font-size:10px}.game-toolbar{position:sticky;top:0;z-index:10}.selected-image{width:10cqw;max-height:15cqw}.selected-image img{max-height:15cqw}}.color-card:has(.color-back-image){padding:0;overflow:hidden;background:#fff;border:1px solid #cbd4df}.color-card .color-back-image{display:block;width:100%;height:100%;object-fit:fill;border-radius:inherit}.color-card:has(.color-back-image){position:relative;opacity:1}.color-card .color-back-image{position:absolute;left:50%;top:50%;width:1.12cqw;height:1.55cqw;max-width:none;object-fit:contain;transform:translate(-50%,-50%) rotate(90deg)}.card-modal:has(.printed-card-text){grid-template-columns:minmax(0,420px) minmax(280px,420px);max-width:960px;align-items:start}.card-modal:has(.printed-card-text)>img{align-self:center}.printed-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.printed-heading h3{margin:0}.printed-heading>span{font-size:10px;color:#6c7f93;background:#f0f4f8;padding:4px 7px;border-radius:4px}.printed-ability{border-top:1px solid #e4e9ef;padding-top:12px;margin-top:12px}.ability-badges{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.ability-badges>b{background:#eaf0f5;border-radius:4px;padding:3px 7px;font-size:11px}.printed-color{width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;font-size:11px;font-weight:800;color:#fff}.printed-ability p{font-size:14px;line-height:1.9;margin:8px 0;white-space:pre-wrap}.printed-ability .ability-reminder{font-size:11px;color:#788697}.printed-tags{display:flex;flex-wrap:wrap;gap:5px}.printed-tags span{font-size:11px;background:#f2f4f7;padding:3px 6px;border-radius:5px}.transcription-note{padding:10px;background:#fff5df;border-radius:6px;color:#85682f}.card-effect-text,.selected-card>p,.board-zoom>p{white-space:pre-wrap}@media(max-width:700px){.card-modal:has(.printed-card-text){grid-template-columns:1fr;max-width:94vw}.card-modal:has(.printed-card-text)>img{max-height:45vh}}.color-card:has(.color-face-image){position:relative;overflow:hidden;padding:0}.color-card .color-face-image{position:absolute;left:50%;top:50%;width:1.12cqw;height:1.55cqw;max-width:none;object-fit:contain;transform:translate(-50%,-50%) rotate(90deg)}.first-player-mark{font-size:.65cqw;font-weight:800;padding:.13cqw .45cqw;border-radius:999px;color:#916519;background:#fff0c5;border:1px solid #e4c575;white-space:nowrap}.setup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#142a3c66;z-index:80;padding:20px}.setup-dialog{width:min(520px,94vw);padding:30px;border-radius:18px;background:#fff;box-shadow:0 20px 70px #12243c40;text-align:center}.setup-dialog h2{margin:12px 0;font-size:22px}.setup-dialog p{font-size:12px;color:#6b7b8d}.setup-actions{display:flex;gap:12px;justify-content:center}.setup-actions button{flex:1;min-height:54px;flex-direction:column;font-weight:700}.setup-actions small{font-size:10px;font-weight:400}.setup-status{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px;font-size:11px;color:#748296}.prepare-overlay{background:transparent;pointer-events:none}.prepare-overlay .setup-dialog{pointer-events:auto;border:1px solid #dce3ed;transform:translateY(-8vh)}.setup-wait{margin-bottom:0}.fan-hand{position:relative;display:block;overflow:visible;padding:0}.hand-tray{z-index:5}.fan-card{position:absolute;width:5.6cqw;height:7.85cqw;transform-origin:50% 110%;transition:top .2s,transform .2s;filter:drop-shadow(0 .18cqw .22cqw #1b2e4433)}.fan-card .card-face{width:100%;height:100%;transition:transform .18s}.fan-card:hover,.fan-card:focus-within,.fan-card.fan-selected,.fan-card.cost-chosen{z-index:60!important}.fan-card:hover .card-face,.fan-card:focus-within .card-face,.fan-card.fan-selected .card-face,.fan-card.cost-chosen .card-face{transform:translateY(-1.5cqw) scale(1.16)}.hand-tray:has(.fan-hand){height:9.2cqw;padding-top:.55cqw}.draw-animation-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:110}.draw-flight{position:absolute;border-radius:5px;object-fit:cover;box-shadow:0 7px 20px #10263d44;animation:draw-to-hand .55s cubic-bezier(.2,.75,.3,1) both}@keyframes draw-to-hand{0%{transform:translate(0) rotate(-8deg);opacity:0}8%{opacity:1}85%{opacity:1}to{transform:translate(var(--draw-x),var(--draw-y)) rotate(0);opacity:0}}@media(max-height:550px){.setup-dialog{padding:16px;width:min(460px,85vw)}.setup-dialog h2{font-size:16px;margin:7px}.setup-dialog p{font-size:10px;margin:6px}.setup-actions button{min-height:40px;font-size:11px}.setup-status{font-size:9px;margin-top:8px}.prepare-overlay .setup-dialog{transform:translateY(-5vh)}}@media(prefers-reduced-motion:reduce){.fan-card,.fan-card .card-face{transition:none}.draw-flight{animation:none}}.game-announcement{display:grid;grid-template-rows:auto 29% 19% minmax(0,1fr) auto;min-height:0}.phase-panel{padding:1cqw 1.05cqw .55cqw;background:linear-gradient(140deg,#e9f3f7,#f7f9fd);border-bottom:1px solid #d8e4ed;min-height:0}.phase-owner{display:flex;align-items:center;justify-content:space-between;font-size:.64cqw;color:#49667d;margin-bottom:.8cqw}.phase-owner>span{padding:.2cqw .5cqw;border-radius:20px;background:#fff}.phase-panel>small{display:block;font-size:.5cqw;letter-spacing:.14em;color:#8095a8}.phase-panel h2{font-size:1.85cqw;font-weight:850;line-height:1.2;margin:.35cqw 0 .85cqw;color:#153f61}.phase-track{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:.3cqw}.phase-track li{display:flex;align-items:center;gap:.25cqw;padding:.35cqw .25cqw;background:#fff9;border:1px solid #d9e3ec;border-radius:.3cqw;font-size:.59cqw;color:#8290a0;white-space:nowrap}.phase-track li>span{font-size:.48cqw;opacity:.75}.phase-track li.current{background:#246184;color:#fff;border-color:#246184;box-shadow:0 2px 8px #27648222;font-weight:800}.turn-controls{display:flex;flex-direction:column;justify-content:center;padding:.7cqw 1cqw;gap:.4cqw;background:#fff;border-bottom:1px solid #e2e8f0}.turn-controls .end-turn-large{width:100%;min-height:3.8cqw;font-size:1.35cqw;font-weight:850;color:#fff;border:1px solid #cf536f;background:linear-gradient(120deg,#dc6981,#c34c69);border-radius:.6cqw;box-shadow:0 .25cqw .6cqw #c54e6b25;padding:.6cqw}.end-turn-large:hover:not(:disabled){background:#bd4562;color:#fff}.turn-controls>small{text-align:center;font-size:.51cqw;color:#7c8998;line-height:1.5}.turn-controls .next-phase{font-size:.67cqw;padding:.35cqw;min-height:1.8cqw;margin:0;background:#f5f8fb}.game-announcement .announcement-scroll{min-height:0;overflow-y:auto}.phase-choose h2,.phase-prepare h2{font-size:1.2cqw}.phase-finished{background:#fff4d9}@media(max-width:950px)and (orientation:landscape){.turn-controls .end-turn-large{font-size:1.35cqw;min-height:3.8cqw}.turn-controls .next-phase{min-height:1.8cqw;font-size:.67cqw}}.phase-panel h2{font-size:2.3cqw}.phase-choose h2,.phase-prepare h2,.phase-finished h2{font-size:1.3cqw}.phase-panel>small{font-size:.65cqw;letter-spacing:.05em}.card-hover-preview{position:fixed;left:clamp(12px,3vw,48px);top:clamp(96px,16vh,150px);z-index:70;pointer-events:none!important;width:clamp(220px,24vw,340px);max-width:42vw;filter:drop-shadow(0 12px 24px #12243c66);display:flex;flex-direction:column;align-items:flex-start;gap:6px}.card-hover-preview.landscape{width:clamp(300px,32vw,460px)}.card-hover-preview img{display:block;width:100%;max-width:100%;height:auto;max-height:calc(100dvh - 190px);object-fit:contain;border-radius:10px;background:#fff}.card-hover-preview>span{max-width:100%;padding:5px 10px;border-radius:6px;background:#132b40ed;color:#fff;font-size:12px;line-height:1.4}@media(max-height:550px){.card-hover-preview{top:80px}.card-hover-preview img{max-height:calc(100dvh - 120px)}}@media(hover:none){.card-hover-preview{display:none}}.turn-controls .end-turn-large{font-size:1.1cqw;white-space:nowrap;gap:.35cqw}.turn-controls .end-turn-large svg{width:1.3cqw;height:1.3cqw;flex-shrink:0}.fan-card{touch-action:none;-webkit-user-select:none;user-select:none}.fan-card .card-face{touch-action:none}.hand-drag-ghost{position:fixed;z-index:120;pointer-events:none;width:110px;transform:translate(-50%,-65%);filter:drop-shadow(0 8px 14px #18314766)}.hand-drag-ghost img{width:100%;display:block;border-radius:7px}.hand-drag-ghost span{display:block;text-align:center;background:#173c59;color:#fff;font-size:11px;padding:5px;border-radius:5px;white-space:nowrap}.hand-drag-ghost.over-drop img{outline:3px solid #46c7a2}.dragging-hand-card .field[data-play-drop]{outline:2px dashed #37a7aa;outline-offset:-3px;background-color:#def8ee88}.play-controls{padding:1cqw}.play-controls h3{font-size:.95cqw;margin:0 0 .7cqw}.play-controls .cost-picker{padding:0;border:0;background:none}.play-controls .cost-instruction{font-size:.95cqw;font-weight:800;color:#176367}.play-controls .cost-picker>p{line-height:1.5}.play-controls button{width:100%;white-space:normal;min-height:2.4cqw;font-size:.8cqw;margin-top:.45cqw}.play-controls .cost-picker>b{font-size:1.2cqw;color:#176367}.fan-card.cost-chosen:after{content:"コスト";position:absolute;bottom:0;left:0;right:0;background:#167a72;color:#fff;text-align:center;font-size:.65cqw;padding:.2cqw;pointer-events:none;z-index:2}.fan-card.cost-chosen .card-face{outline:3px solid #23af92}.play-controls .cost-picker>p{font-size:.7cqw;margin:.4cqw 0}.play-controls .cost-picker .cost-instruction{font-size:.95cqw}.play-controls .button-stack{gap:.2cqw}body:has(.board-shell){background:#0a111b}.board-shell{background:#101b29;border-color:#34475c;color:#d9e5f1}.game-table{background:radial-gradient(ellipse at 50% 40%,#213448aa,transparent 70%),#101c2b;overflow:visible}.game-table:before{opacity:1;background-image:radial-gradient(circle,#9bc2db75 .7px,transparent 1px),linear-gradient(#83a9c312 1px,transparent 1px),linear-gradient(90deg,#83a9c312 1px,transparent 1px);background-size:1.35cqw 1.35cqw;z-index:-1}.player-area,.player-area.self{display:flex;flex-direction:column;position:relative;flex:1;min-height:0;padding:0 .4cqw}.player-name{height:1.4cqw;min-height:1.4cqw;color:#d9e5f1}.player-name small{color:#9cb0c5}.mat-zones{display:grid;grid-template-columns:7.5cqw minmax(0,1fr) 5.4cqw;grid-template-rows:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"colors field deck" "colors zones log";gap:.45cqw .75cqw;flex:1;min-height:0;padding:.2cqw 0}.mat-zones>.color-line{grid-area:colors;position:relative;width:100%;height:100%;padding:0;display:block;overflow:visible;z-index:3}.mat-zones>.color-line>.color-card{position:absolute;left:0;top:calc(var(--color-index) * (100% - 5.2cqw) / 6);width:7.3cqw;height:5.2cqw;max-height:none;min-height:0;opacity:1;overflow:hidden;border-radius:.35cqw;border:1px solid #7797b5;box-shadow:0 .12cqw .3cqw #0008;background:#182b3d;z-index:var(--color-index)}.mat-zones>.color-line>.color-card:hover:not(:disabled){z-index:10;transform:translate(.35cqw);outline:2px solid #8ddfd2}.mat-zones .color-card .color-back-image,.mat-zones .color-card .color-face-image{width:5.2cqw;height:7.3cqw;object-fit:fill;transform:translate(-50%,-50%) rotate(90deg)}.mat-zones .color-card.scored{visibility:hidden}.mat-zones>.field{grid-area:field;min-height:0;background:#172535bb;border:1px solid #7190aa66;border-radius:.6cqw;box-shadow:inset 0 0 1.6cqw #0003;align-items:center;overflow-x:auto;overflow-y:hidden}.field-empty{color:#869daf99;letter-spacing:.35em}.mat-zones>.player-zones{grid-area:zones;height:auto;min-height:0;padding:.2cqw .8cqw;gap:1cqw;justify-content:space-evenly;background:#1b2b3b66;border-radius:.5cqw}.mat-zones .zone{height:5.5cqw;width:6cqw;border-color:#728fa66b;background:#13223377}.mat-zones .channel-zone{width:11cqw}.mat-zones .channel-zone .card-face{width:8cqw;height:5.35cqw}.zone>small{background:#152639;color:#b2cadc}.zone-empty{color:#8099ad}.mat-zones>.deck-pile{grid-area:deck;align-self:center;justify-self:center;margin:0;width:4.5cqw;height:6cqw}.mat-zones>.deck-pile .card-back{width:4.3cqw;height:5.9cqw}.mat-zones>.log-pile{grid-area:log;align-self:center;justify-self:center;margin:0;width:4.5cqw;height:5.5cqw;border-color:#627d96;background:#132333;color:#a3bdd1}.log-pile>span{background:#243d53;color:#d9e6ef}.deck-pile span{background:#28485f;border-color:#6c8ca3;color:#fff}.player-area.opponent .mat-zones{grid-template-areas:"colors zones log" "colors field deck";grid-template-rows:minmax(0,1fr) minmax(0,1.1fr)}.player-area.opponent .rainbow-area{order:-1}.rainbow-area{height:2.2cqw;margin:.3cqw 0;position:relative;z-index:6;overflow:visible;gap:.35cqw;padding-left:8.25cqw;padding-right:6.15cqw;pointer-events:none}.rainbow-slot{height:1.5cqw;flex:1;overflow:visible;align-self:flex-start;background:#13223188;border-color:#69839844;color:#8ca4b9}.rainbow-slot.filled{height:3.7cqw;background:#182a3d;overflow:hidden;border-color:var(--color);box-shadow:0 .25cqw .6cqw #0008;z-index:2}.rainbow-slot.filled img{opacity:1;left:50%;top:50%;width:3.7cqw;height:5.3cqw;max-width:none;object-fit:fill;transform:translate(-50%,-50%) rotate(90deg)}.rainbow-slot.filled span{display:none}.opponent .rainbow-slot.filled{transform:translateY(-2.2cqw)}.table-divider{background:#091521c9;border-color:#6889a655;color:#9bb5ca}.table-divider b{color:#d2e5f1}.hand-tray{background:linear-gradient(0deg,#0d1826dd,transparent);border-color:#627c9655}.hand-tray>small{color:#90abc1}.power-label{background:#172e43;color:#e1f2ff}.board-shell .game-log,.board-shell .game-announcement{background:#101c2b;color:#cfdeeb;border-color:#35495d}.board-shell .rail-title{background:#142438;border-color:#35495d;color:#c5dae9}.board-shell .log-entry{border-color:#304357}.board-shell .log-entry p{color:#bdcddd}.board-shell .log-entry small,.board-shell .log-footer{color:#819eb6}.board-shell .log-entry h4{color:#b5d6ee}.board-shell .phase-panel{background:linear-gradient(135deg,#20374c,#16283b);border-color:#344d65}.board-shell .phase-panel h2{color:#e0f2ff}.board-shell .phase-panel>small,.board-shell .phase-owner{color:#9ab8cf}.board-shell .phase-owner>span{background:#102438;color:#b8d9ef}.board-shell .phase-track li{background:#14283b;border-color:#35526a;color:#8da9c0}.board-shell .phase-track li.current{background:#367da0;color:#fff}.board-shell .turn-controls{background:#142337;border-color:#354b63}.board-shell .turn-controls>small{color:#9bb0c6}.board-shell .announcement-text{color:#b5c8d8}.board-shell .announcement-bottom{border-color:#354b63}.board-shell .tutorial-guide{background:#173f43;border-color:#2f6970;color:#c4e9e5}.board-shell .tutorial-guide p,.board-shell .tutorial-guide h3{color:#c4e9e5}.board-shell .play-controls .cost-instruction,.board-shell .play-controls .cost-picker>b{color:#83dfc7}.board-shell .selection-empty{color:#8aa5ba}.dragging-hand-card .field[data-play-drop]{background-color:#21594e77}.board-shell .announcement-bottom{background:#142337}.board-shell .announcement-bottom button{background:#20364b;border-color:#3d5870;color:#c9dce9}.board-shell .log-footer{background:#142438;border-color:#344b61}.board-shell .selection-empty{border-color:#344b61}.board-shell .mat-zones .zone{border-color:#6e8ca17a}.board-shell .play-controls button:not(.primary){background:#20364b;border-color:#3d5870;color:#cfdfeb}.field-piece{transition:width .65s cubic-bezier(.22,.7,.25,1)}.field-piece .card-face{transform:rotate(0);transform-origin:center;transition:transform .65s cubic-bezier(.22,.7,.25,1),box-shadow .15s}.field-piece.rested .card-face{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.field-piece,.field-piece .card-face{transition:none}}.mat-zones .field-piece.attacking-piece .card-face{outline:3px solid #7be4ff;box-shadow:0 0 1.1cqw #58ceff99}.mat-zones .field-piece.liver-target .card-face{outline:3px solid #ffbb75;box-shadow:0 0 .9cqw #ffa44b99;cursor:crosshair}.mat-zones .field-piece.liver-target:after{content:"アタック";position:absolute;bottom:0;left:50%;transform:translate(-50%);padding:.15cqw .4cqw;border-radius:.3cqw;background:#945625;color:#fff4e1;font-size:.55cqw;pointer-events:none;white-space:nowrap}.mat-zones>.color-line>.color-card{transform-origin:left top;transition:transform .22s cubic-bezier(.2,.8,.25,1),box-shadow .18s,border-color .18s}.mat-zones>.color-line>.color-card.color-target{border:2px solid #76efd0;box-shadow:0 0 .65cqw #37d6b577;cursor:crosshair}.mat-zones>.color-line>.color-card:hover:not(:disabled),.mat-zones>.color-line>.color-card:focus-visible{z-index:30;transform:scale(1.12);outline:2px solid #e4fff7;box-shadow:0 .5cqw 1.3cqw #000b,0 0 1cqw #78efd080}.mat-zones>.color-line:has(.color-card:hover),.mat-zones>.color-line:focus-within{z-index:10}.mat-zones>.color-line>.color-card.color-target:hover:after,.mat-zones>.color-line>.color-card.color-target:focus-visible:after{content:"カラーコール";position:absolute;bottom:.2cqw;left:.2cqw;right:.2cqw;background:#123e38e8;color:#bafbe7;font-size:.65cqw;padding:.25cqw;border-radius:.25cqw;pointer-events:none}@media(prefers-reduced-motion:reduce){.mat-zones>.color-line>.color-card{transition:none}}.player-area.opponent .mat-zones{grid-template-columns:5.4cqw minmax(0,1fr) 7.5cqw;grid-template-areas:"log zones colors" "deck field colors"}.player-area.opponent .player-zones{flex-direction:row-reverse}.player-area.opponent .rainbow-area{padding-left:6.15cqw;padding-right:8.25cqw}.player-area.opponent .color-line>.color-card{left:auto;right:0;transform-origin:right top}.dragging-set-card [data-set-drop]{outline:2px dashed #7be8d0;outline-offset:3px;background:#21594ecc!important;box-shadow:0 0 1cqw #48d5b966}.field-piece,.field-piece .card-face{touch-action:none;-webkit-user-select:none;user-select:none}.mat-zones>.color-line>.color-card.action-drop-hover{z-index:35;transform:scale(1.12);outline:3px solid #e4fff7;box-shadow:0 .5cqw 1.3cqw #000b,0 0 1cqw #78efd099}.mat-zones>.color-line:has(.action-drop-hover){z-index:12}.mat-zones .field-piece.action-drop-hover .card-face{outline:4px solid #fff2bd;box-shadow:0 0 1.6cqw #ffbb75cc}.board-shell{overflow:clip}.hand-tray:has(.fan-hand){height:5.1cqw;padding-top:.45cqw;overflow:visible}.fan-card{width:6.6cqw;height:9.24cqw}.fan-card .card-face{width:100%;height:100%;transition:transform .24s cubic-bezier(.2,.8,.25,1),box-shadow .15s}.fan-card:hover .card-face,.fan-card:focus-within .card-face,.fan-card.fan-selected .card-face,.fan-card.cost-chosen .card-face{transform:translateY(-5.5cqw) scale(1.06);box-shadow:0 .5cqw 1.3cqw #0009}.hand-tray:has(.fan-card:hover),.hand-tray:has(.fan-card.cost-chosen),.hand-tray:focus-within{z-index:20}.fan-card.cost-chosen:after{top:1.4cqw;bottom:auto}.field-piece{width:5.9cqw;height:8.5cqw}.field-piece.rested{width:8.2cqw}.field-piece .card-face{width:5.7cqw;height:7.9cqw}.mat-zones>.field{padding:.3cqw .6cqw;justify-content:safe center}.mat-zones .zone{height:6.5cqw;width:6.6cqw}.mat-zones .zone .card-face,.mat-zones .zone .card-back{width:4.3cqw;height:6cqw}.mat-zones .channel-zone{width:12.4cqw}.mat-zones .channel-zone .card-face{width:9.2cqw;height:6.15cqw}.mat-zones>.deck-pile{width:5.1cqw;height:7cqw}.mat-zones>.deck-pile .card-back{width:4.9cqw;height:6.8cqw}.mat-zones>.log-pile{width:5.1cqw;height:6.5cqw}.opponent-hand .card-back{width:2.8cqw;height:3.95cqw}@media(prefers-reduced-motion:reduce){.fan-card .card-face{transition:none}}.log-turn{font-size:clamp(9px,.75cqw,12px);color:#b5d6ee;margin:1cqw 0 .55cqw;letter-spacing:.1em}.log-action{border-left:3px solid var(--action-color);border-radius:0 .4cqw .4cqw 0;background:#1a2d4099;margin:.6cqw 0 .85cqw;padding:.55cqw .55cqw .3cqw;overflow:hidden}.log-action>header{display:flex;flex-wrap:wrap;gap:.3cqw;justify-content:space-between;font-size:clamp(8px,.6cqw,11px);color:#aac3d7}.log-action>header b{color:var(--action-color);font-weight:600}.log-played-card{margin:.65cqw 0 .4cqw;display:flex;flex-direction:column;align-items:center;gap:.4cqw}.log-played-card button{padding:0;border:0;background:transparent;width:7cqw;max-width:100%;border-radius:.3cqw;display:block}.log-played-card.landscape button{width:100%}.log-played-card img{display:block;width:100%;height:auto;aspect-ratio:5/7;object-fit:contain;border-radius:.3cqw}.log-played-card.landscape img{aspect-ratio:7/5}.log-played-card figcaption{font-size:clamp(9px,.7cqw,12px);color:#e0effb;line-height:1.5;text-align:center}.log-action-step p{font-size:clamp(9px,.76cqw,12px);line-height:1.7;color:#bdcddd;margin:.35cqw 0 .5cqw;overflow-wrap:anywhere}.log-action-step+.log-action-step{border-top:1px solid #4e69864d;padding-top:.35cqw}.log-action-step small{font-size:clamp(8px,.57cqw,10px);color:var(--action-color)}.log-action>footer{padding:.3cqw 0 0;margin-top:.35cqw;border-top:1px solid color-mix(in srgb,var(--action-color) 35%,transparent);font-size:clamp(7px,.5cqw,9px);color:#91a9bf;justify-content:flex-end}.game-log .log-turn{margin:1.3cqw -.35cqw .75cqw;padding:.7cqw .5cqw;border-block:2px solid #71f6ff;border-radius:.3cqw;background:linear-gradient(90deg,#0e6078,#123b50);color:#a0fbff;font-size:clamp(13px,1.2cqw,20px);font-weight:900;letter-spacing:.04em;line-height:1.4;text-shadow:0 0 8px #47eeff99;box-shadow:0 0 .8cqw #35dcff44,inset 0 0 .6cqw #39e5ff22}.game-log .log-phase{margin:.8cqw -.15cqw .4cqw;padding:.4cqw .45cqw;border-left:3px solid #5bcee5;border-bottom:1px solid #469dbb;background:linear-gradient(90deg,#214a61,#183145);color:#b6eaff;font-size:clamp(10px,.85cqw,14px);font-weight:750;line-height:1.5;letter-spacing:.02em}.phase-owner>b{font-size:1.2cqw;color:#91f4ff}.table-divider>span:first-child{font-size:.95cqw;font-weight:800;color:#91f4ff}.player-area.self .mat-zones>.color-line{height:calc(100% + 7.8cqw)}.player-area.opponent .mat-zones>.color-line{height:calc(100% + 7.8cqw);align-self:end}.rainbow-area{z-index:4;gap:.12cqw;padding-right:0}.player-area.opponent .rainbow-area{padding-left:0;padding-right:8.25cqw}.rainbow-slot{isolation:isolate;background:transparent;border:0;border-radius:0;color:#e3edf6;text-shadow:0 1px 3px #000;font-size:.7cqw}.rainbow-slot:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:0;right:0;top:-1.2cqw;height:9cqw;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--color) 20%,transparent) 22%,color-mix(in srgb,var(--color) 65%,transparent) 65%,var(--color) 100%);border-inline:1px solid #c4eaff15}.opponent .rainbow-slot:before{top:auto;bottom:-1.2cqw;background:linear-gradient(to top,transparent 0%,color-mix(in srgb,var(--color) 20%,transparent) 22%,color-mix(in srgb,var(--color) 65%,transparent) 65%,var(--color) 100%)}.rainbow-slot.filled{height:1.5cqw;overflow:visible;background:transparent;box-shadow:none}.rainbow-slot.filled img{top:1.85cqw;border-radius:.3cqw;box-shadow:0 .2cqw .5cqw #0008}.opponent .rainbow-slot.filled{transform:none}.opponent .rainbow-slot.filled img{top:-.35cqw}.hand-tray{background:transparent;pointer-events:none}.hand-tray .fan-card,.hand-tray .card-back{pointer-events:auto}.opponent-hand{position:relative;z-index:5;pointer-events:none}.deck-symbol{width:1.5cqw;height:1.5cqw;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--emblem);filter:drop-shadow(0 1px 2px #000)}.deck-symbol.sol{--emblem:#ff80ac}.deck-symbol.luna{--emblem:#7dc7ff}.deck-symbol.comet{--emblem:#66efd4}.deck-symbol.stella{--emblem:#ffdb72}.deck-symbol svg{width:100%;height:100%;background:#101c2b;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.deck-symbol.active{filter:drop-shadow(0 0 .35cqw var(--emblem))}.board-shell{grid-template-columns:14.5% 70.5% 15%}.game-announcement .rail-title{padding:.8cqw .55cqw;font-size:.76cqw;gap:.3cqw}.phase-panel{padding:.85cqw .6cqw .5cqw}.phase-panel h2{font-size:2.05cqw}.phase-choose h2,.phase-prepare h2,.phase-finished h2{font-size:1.2cqw}.phase-track{grid-template-columns:repeat(2,minmax(0,1fr))}.turn-controls{padding:.7cqw .6cqw}.turn-controls .end-turn-large{font-size:1cqw;padding:.55cqw .3cqw;gap:.2cqw}.turn-controls .end-turn-large svg{width:1cqw;height:1cqw}.game-announcement .play-controls{padding:.7cqw .55cqw}.game-announcement .announcement-scroll{padding-inline:.55cqw;overflow-wrap:anywhere}.mat-zones{grid-template-rows:minmax(0,1.18fr) minmax(0,1fr)}.player-area.opponent .mat-zones{grid-template-rows:minmax(0,1fr) minmax(0,1.18fr)}.field-piece{width:6.3cqw;height:9cqw}.field-piece.rested{width:8.8cqw}.field-piece .card-face{width:6.1cqw;height:8.45cqw}.mat-zones .zone{height:6.9cqw;width:7cqw}.mat-zones .zone .card-face,.mat-zones .zone .card-back{width:4.6cqw;height:6.4cqw}.mat-zones .channel-zone{width:13cqw}.mat-zones .channel-zone .card-face{width:9.8cqw;height:6.55cqw}.fan-card{width:7cqw;height:9.8cqw}.fan-card:hover .card-face,.fan-card:focus-within .card-face,.fan-card.fan-selected .card-face,.fan-card.cost-chosen .card-face{transform:translateY(-6.1cqw) scale(1.06)}.log-battle-images{display:grid;grid-template-columns:minmax(0,1fr) .8cqw minmax(0,1fr);align-items:center;gap:.18cqw;margin:.7cqw 0}.log-battle-images figure{margin:0;min-width:0;text-align:center}.log-battle-images small{display:block;color:var(--action-color);font-size:clamp(7px,.52cqw,10px);margin-bottom:.3cqw}.log-battle-images button{padding:0;border:0;background:transparent;border-radius:.3cqw;display:block;width:100%;cursor:zoom-in}.log-battle-images img{width:100%;aspect-ratio:5/7;object-fit:contain;display:block;border-radius:.3cqw}.log-battle-images figcaption{font-size:clamp(7px,.52cqw,10px);color:#d4e6f5;line-height:1.4;margin-top:.3cqw;overflow-wrap:anywhere}.log-battle-arrow{color:#a5efff;text-align:center;font-size:.85cqw}.log-played-card button{cursor:zoom-in}.game-announcement.accepting-cost{box-shadow:inset 0 0 0 2px #55d9e477}.game-announcement.cost-drag-active{box-shadow:inset 0 0 0 3px #66f4ff;background:#153641}.cost-deposit-list{display:grid;gap:5px;margin:8px 0}.cost-deposit{display:flex;justify-content:space-between;align-items:center;gap:6px;width:100%;text-align:left;border-color:#55d9e466;animation:cost-deposit-in .2s ease-out}.cost-deposit span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cost-deposit small{flex-shrink:0;color:#8beaf2}.self .field-piece{touch-action:none}@keyframes cost-deposit-in{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.player-area.opponent>.player-name{order:2}.player-area .mat-zones,.player-area.opponent .mat-zones{grid-template-columns:7.5cqw minmax(0,1fr) 7.5cqw}.player-area.self .mat-zones>.deck-pile,.player-area.self .mat-zones>.log-pile{justify-self:end}.player-area.opponent .mat-zones>.deck-pile,.player-area.opponent .mat-zones>.log-pile{justify-self:start}.rainbow-slot.filled img{inset:auto;left:50%;top:-.7cqw;width:100%;height:auto;aspect-ratio:5.2 / 7.3;transform:translate(-50%);object-fit:fill;border-radius:.4cqw;box-shadow:0 .3cqw .8cqw #0009}.opponent .rainbow-slot.filled img{top:auto;bottom:-.7cqw}.deck-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.deck-save-actions button{font-size:12px;padding:10px 6px}.deck-save-actions .deck-delete{color:#ae3951;border-color:#e7b5be;background:#fff5f7}.practice-setup{padding-top:40px;padding-bottom:40px;max-width:900px}.practice-deck-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.practice-deck-pair label{padding:20px;background:#fff;border:1px solid var(--border);border-radius:10px}.practice-setup>.small{margin-top:18px}@media(max-width:600px){.practice-deck-pair{grid-template-columns:1fr;gap:8px}}.battle-arrow-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:95;pointer-events:none;overflow:visible}.battle-arrow{color:#ffbc6d;filter:drop-shadow(0 0 7px currentColor);animation:battle-arrow-show 1.6s ease both}.battle-arrow-call{color:#69f5ef}.battle-arrow line{stroke:currentColor;stroke-width:6;stroke-linecap:round}.battle-arrow circle{stroke:currentColor;stroke-width:3;fill:#10232a99}.battle-arrow .battle-arrow-target{fill:none;stroke-dasharray:5 5}.battle-arrow text{fill:currentColor;stroke:#10202f;stroke-width:4;paint-order:stroke;font-size:17px;font-weight:800}@keyframes battle-arrow-show{0%{opacity:0}12%,80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.battle-arrow{animation:none}}.deck-page .deck-layout{display:grid;grid-template-columns:minmax(0,1fr) 304px;grid-template-areas:"current summary" "collection summary";gap:22px;align-items:start}.current-deck{grid-area:current;background:#fff;border:2px dashed #b6ccd3;border-radius:12px;padding:18px;min-width:0;transition:background .15s,border-color .15s}.current-deck.deck-drop-active{border-color:#249eab;background:#eafcfa;box-shadow:0 0 0 3px #36b4ba20}.deck-page .collection{grid-area:collection;min-width:0}.deck-page .deck-summary{grid-area:summary;position:sticky;top:12px}.current-deck-channel{display:grid;grid-template-columns:1fr 1.2fr auto;gap:16px;align-items:center}.current-deck-channel label{margin:0}.current-deck-channel .channel-preview{margin:0;padding:0;border:0}.current-deck-channel .channel-preview .card-face{width:100px;height:67px}.current-deck-channel .deck-count{margin:0}.current-deck-channel .count-bar{grid-column:1/-1;margin:0}.current-deck-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 12px}.current-deck-heading h2{font-size:16px;margin:0}.current-deck-heading span{font-size:clamp(16px,1.6vw,20px);font-weight:700;line-height:1.6;color:#355d70}.current-deck-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px;max-height:330px;overflow-y:auto}.deck-entry{min-width:0;text-align:center}.deck-entry>.card-face{width:100%;height:auto;aspect-ratio:5/7}.deck-entry>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;margin:4px 0}.deck-entry .quantity{margin:0}.deck-entry .quantity button{padding:3px 7px}.deck-entry .quantity b{font-size:12px}.deck-drag-source{touch-action:none}.deck-drag-source .card-face{cursor:grab}.deck-page .collection .card-grid{max-height:550px;overflow:auto;padding:2px}.empty-deck-drop{text-align:center;padding:22px;color:#65818b}@media(max-width:850px){.deck-page .deck-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"current" "summary" "collection"}.deck-page .deck-summary{position:static}.current-deck-channel{grid-template-columns:1fr 1fr}.current-deck-channel .deck-count{grid-column:1/-1}}.deck-page .current-deck{position:sticky;top:8px;z-index:12;max-height:42vh;overflow-y:auto;box-shadow:0 6px 18px #20354b12}.current-deck .current-deck-cards{max-height:210px}.deck-page .collection .card-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}.deck-page .collection .card-face{width:100%;height:auto;aspect-ratio:5/7}.deck-page .current-deck{display:flex;flex-direction:column;overflow:clip}.current-deck-channel,.current-deck-heading{flex-shrink:0}.current-deck .current-deck-cards{flex:1;min-height:0;overflow-y:auto}.current-deck>.caution{flex-shrink:0;margin:6px 0 0;font-size:10px}.practice-history{margin-top:30px;border-top:1px solid var(--border);padding-top:24px}.practice-history h2{font-size:19px}.practice-history ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.practice-history li{display:flex;gap:12px;align-items:center;padding:16px;background:#fff;border:1px solid var(--border);border-radius:10px}.practice-history-info{display:grid;gap:5px;min-width:0;flex:1}.practice-history-info b{font-size:12px;overflow-wrap:anywhere}.practice-history-info small{color:#78909c}.practice-history-delete{padding:8px;color:#ae3951}.practice-history li>button{flex-shrink:0}.tutorial-ribbon{position:absolute;left:14%;right:14%;top:4.6cqw;z-index:25;background:#f3fffeef;color:#19364a;border:2px solid #68e4d3;border-radius:12px;padding:12px 18px;box-shadow:0 6px 24px #0006;pointer-events:none}.tutorial-ribbon small{display:block;font-size:11px;letter-spacing:.12em;color:#268575;font-weight:800}.tutorial-ribbon strong{display:block;font-size:clamp(15px,1.5cqw,24px);margin:3px 0}.tutorial-ribbon p{font-size:clamp(12px,1.1cqw,18px);font-weight:750;margin:6px 0;line-height:1.5}.tutorial-ribbon span{display:block;font-size:clamp(10px,.9cqw,14px);line-height:1.5;color:#466573}.tutorial-ribbon button{pointer-events:auto;margin-top:10px}.board-shell[data-tutorial-step="8"] .tutorial-ribbon{top:5cqw;background:#effff7}.board-shell[data-tutorial-step] .end-turn-large:not(:disabled),.board-shell[data-tutorial-step="0"][data-tutorial-cost="1"] .cost-picker .primary{outline:3px solid #ffeb83;box-shadow:0 0 14px #ffdf6066}.container.deck-page{width:calc(100% - 48px);max-width:none}.deck-page .deck-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"summary" "current" "collection"}.deck-page .deck-summary{position:static;display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:12px 20px;align-items:end;width:100%;padding:18px}.deck-page .deck-summary>label{grid-column:auto;grid-row:auto;margin:0}.deck-page .deck-summary .deck-save-actions{margin:0;min-width:220px}.deck-page .deck-summary>small{grid-column:1/-1}.deck-page .current-deck{position:static;max-height:none;overflow:visible;display:block}.current-deck .current-deck-cards{max-height:none;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.deck-page .collection .card-grid{max-height:none;overflow:visible}@media(max-width:750px){.container.deck-page{width:calc(100% - 24px)}.deck-page .deck-summary{grid-template-columns:1fr 1fr;gap:12px}.deck-page .deck-summary .deck-save-actions{grid-column:1/-1;min-width:0}.current-deck-heading{flex-wrap:wrap}}.deck-page .current-deck-channel{grid-template-columns:minmax(0,1fr) auto}.deck-page .current-deck-channel .deck-count{grid-column:auto}.dragging-cost-card .field[data-cost-drop]{outline:3px dashed #65f3dc;outline-offset:-4px;background-color:#236b6066}.field-piece.cost-chosen .card-face,.fan-card.cost-chosen .card-face{outline:3px solid #65f3dc;filter:drop-shadow(0 0 .55cqw #3fe8c1)}.field-piece.cost-chosen:after{content:"コスト";position:absolute;top:1cqw;left:0;right:0;background:#167a72;color:#fff;text-align:center;font-size:.7cqw;padding:.2cqw;pointer-events:none}.channel-controls{padding:.7cqw;border:1px solid #62e8d3;background:#153d45;margin-bottom:.8cqw;border-radius:.4cqw}.channel-controls h3{font-size:.9cqw}.channel-controls p{font-size:.75cqw;line-height:1.5}.channel-controls button,.channel-controls select{width:100%;margin:.25cqw 0;font-size:.75cqw}.trigger-banner{position:fixed;top:37%;left:0;width:100%;z-index:200;pointer-events:none;text-align:center;padding:20px;background:linear-gradient(90deg,transparent,#063947ed 20%,#063947ed 80%,transparent);color:#a2ffec;animation:trigger-sweep 1.8s both}.trigger-banner strong{display:block;font-size:56px;font-style:italic;letter-spacing:.2em;text-shadow:0 0 20px #48ffe1}.trigger-banner span{font-size:14px}@keyframes trigger-sweep{0%{transform:translate(-100%);opacity:0}18%,78%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media(prefers-reduced-motion:reduce){.trigger-banner{animation:none}}.channel-zone{position:relative}.channel-effect-glow{position:absolute;top:.7cqw;right:.2cqw;bottom:.1cqw;left:.2cqw;border:.2cqw solid #fff3a8;border-radius:.5cqw;pointer-events:none;z-index:40;box-shadow:0 0 1.2cqw #ffde69,inset 0 0 1cqw #ffe586aa;animation:channel-illuminate 2.2s ease-out both}.channel-effect-glow span{position:absolute;left:50%;top:-.85cqw;transform:translate(-50%);white-space:nowrap;background:#fff1a8;color:#493609;border-radius:.35cqw;padding:.3cqw .65cqw;font-size:.85cqw;font-weight:900;box-shadow:0 0 .7cqw #f7d762}.channel-zone:has(.channel-effect-glow) .card-face{filter:drop-shadow(0 0 .8cqw #ffe983) brightness(1.16)}@keyframes channel-illuminate{0%{opacity:0;transform:scale(.94)}15%,70%{opacity:1;transform:scale(1.03)}to{opacity:0;transform:scale(1.07)}}@media(prefers-reduced-motion:reduce){.channel-effect-glow{animation:none}}.revealed-effect-cards{display:flex;gap:.3cqw;flex-wrap:wrap}.revealed-effect-cards figure{width:30%;margin:0}.revealed-effect-cards img{width:100%;border-radius:.2cqw}.revealed-effect-cards figcaption{font-size:.6cqw}.test-lab-controls{padding:16px 24px;background:#f6f9fb}.test-lab-controls h1{font-size:20px;margin:0}.test-lab-controls p{font-size:12px;margin:8px 0}.test-lab-controls select{width:min(420px,100%)}.test-online-hint:not(:empty){padding:8px 24px;background:#17444c;color:#d4fff5;font-size:12px}.channel-controls button{background:#214d63;color:#f1fffb;border-color:#75c4c2}.channel-controls button:hover:not(:disabled){background:#2c6579}.channel-controls select{color:#153344;background:#f3fffc}.opponent-hand{height:4.5cqw}.opponent-hand .card-back,.opponent-hand .card-face{width:3.4cqw;height:4.8cqw;flex-shrink:0;transform:translateY(-.3cqw)}.opponent-hand .card-face{pointer-events:auto}.opponent-hand .card-face:hover{transform:translateY(0);filter:brightness(1.1)}.audio-menu{position:relative;margin-left:auto;flex-shrink:0;z-index:100}.board-shell .audio-toggle{width:30px;height:30px;min-height:0;padding:5px;background:#20394e;border:1px solid #466278;color:#b8efff;border-radius:7px}.board-shell .audio-toggle:hover,.board-shell .audio-toggle[aria-expanded=true]{background:#31566d;color:#fff}.audio-menu .audio-controls{position:absolute;inset:auto 0 auto auto;top:calc(100% + 8px);height:auto;width:240px;max-width:80vw;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:16px;margin:0;background:#14283b;color:#e0f2ff;border:1px solid #466278;border-radius:10px;box-shadow:0 8px 28px #0008;z-index:100}.audio-menu .audio-controls label{display:grid;grid-template-columns:42px minmax(0,1fr) 35px;gap:8px;align-items:center;margin:0;font-size:12px;color:#e0f2ff}.audio-menu .audio-controls input[type=range]{height:24px;border:0;cursor:pointer;width:100%;min-width:0;margin:0;padding:0;accent-color:#76dce9}.audio-menu .audio-controls output{font-size:11px;text-align:right}.audio-menu .audio-controls button{background:#24445b;color:#e0f2ff;border-color:#466278;font-size:12px;padding:7px}.board-shell .card-face.pending-play{position:relative;overflow:visible;outline:3px solid #ffac45;box-shadow:0 0 .8cqw #ff8d3299;filter:drop-shadow(0 0 .35cqw #ff922c)}.pending-play-label{position:absolute;top:.55cqw;left:0;right:0;z-index:3;padding:.22cqw .15cqw;background:#e67b18;color:#fff;font-size:.85cqw;font-weight:850;text-align:center;line-height:1.3;pointer-events:none;text-shadow:0 1px 2px #754000}.phase-banner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:95;overflow:hidden}.phase-banner-sweep{width:100%;padding:20px 12px;text-align:center;color:#ecfcff;background:linear-gradient(90deg,transparent,#102e46ec 25%,#102e46ec 75%,transparent);border-block:1px solid #70e6f577;text-shadow:0 0 18px #55d9ee88;animation:phase-sweep 1.6s cubic-bezier(.2,.7,.2,1) both}.phase-banner-sweep small{display:block;font-size:clamp(11px,1.1vw,18px);color:#88e7f4;letter-spacing:.12em;margin-bottom:8px}.phase-banner-sweep strong{display:block;font-size:clamp(26px,3.6vw,60px);font-weight:850;letter-spacing:.12em;line-height:1.2}.phase-banner-sweep strong span{font-size:.65em;margin-left:.3em}@keyframes phase-sweep{0%{opacity:0;transform:translate(-65%)}18%{opacity:1;transform:translate(0)}76%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(65%)}}@media(prefers-reduced-motion:reduce){.phase-banner-sweep{animation:phase-fade 1.6s ease both}@keyframes phase-fade{0%,to{opacity:0}15%,80%{opacity:1}}}.phase-banner-sweep.live-start-banner{animation-duration:2s;border-color:#f8db9bbb;background:linear-gradient(90deg,transparent,#292c59f0 25%,#3e254bf0 75%,transparent);text-shadow:0 0 24px #ffb5cb99}.live-start-banner strong{color:#fff4ce;letter-spacing:.2em}.live-start-banner small{color:#f7d7ee}.board-shell .announcement-fullscreen{margin-left:auto;flex-shrink:0;width:30px;height:30px;min-height:0;padding:5px;background:#20394e;border:1px solid #466278;color:#b8efff;border-radius:7px}.board-shell .announcement-fullscreen:hover{background:#31566d;color:#fff}.announcement-fullscreen+.audio-menu{margin-left:0}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:grid;place-items:center;overflow:hidden;background:#071222b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:result-appear .45s ease both}.result-card{position:relative;text-align:center;color:#ffe6a0;padding:28px 40px;animation:result-title .7s cubic-bezier(.2,.8,.2,1) both}.result-card small{display:block;letter-spacing:.45em;font-size:clamp(11px,1.2vw,18px);color:#f0daae}.result-card h2{font-size:clamp(48px,8vw,120px);font-weight:900;letter-spacing:.09em;line-height:1.15;margin:12px 0;text-shadow:0 0 38px #ffcc5677}.result-card p{font-size:clamp(18px,2.2vw,32px);font-weight:750;margin:0 0 20px;color:#fff4d8}.result-card button{background:#14253be8;color:#e8f1fb;border-color:#a9bbcd66;padding:10px 24px}.result-trophy{width:clamp(36px,5vw,70px);height:auto;margin-bottom:16px;filter:drop-shadow(0 0 18px #ffd45f)}.result-rays{position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;pointer-events:none;background:repeating-conic-gradient(from 0deg,#ffd06b0d 0deg 12deg,transparent 12deg 25deg);animation:result-rays 24s linear infinite}.result-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.result-confetti i{position:absolute;left:var(--x);top:-8%;width:9px;height:19px;background:var(--color);animation:result-confetti 3.8s var(--delay) ease-in both}.result-defeat .result-card{color:#a9c6df}.result-defeat .result-card h2{text-shadow:0 0 25px #91a9da44}.result-defeat .result-card p,.result-defeat .result-card small{color:#c4d6e6}.result-defeat .result-rays{display:none}@keyframes result-appear{0%{opacity:0}to{opacity:1}}@keyframes result-title{0%{opacity:0;transform:scale(.75) translateY(22px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes result-rays{to{transform:rotate(360deg)}}@keyframes result-confetti{to{transform:translateY(112vh) rotate(620deg)}}@media(prefers-reduced-motion:reduce){.result-overlay,.result-card,.result-rays{animation:none}.result-confetti{display:none}}.game-table.practice-turn-moving{transform-origin:50% 50%;animation:practice-turn-handoff .32s cubic-bezier(.25,.6,.3,1) both;will-change:transform}@keyframes practice-turn-handoff{0%{transform:rotate(0) scale(1);filter:blur(0)}45%{transform:rotate(-180deg) scale(.82);filter:blur(2px)}to{transform:rotate(-360deg) scale(1);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.game-table.practice-turn-moving{animation:none}}.play-animation-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:112;pointer-events:none}.play-flight{position:absolute;left:var(--from-left);top:var(--from-top);width:var(--from-width);height:var(--from-height);animation:play-flight .65s cubic-bezier(.2,.7,.2,1) both;filter:drop-shadow(0 4px 14px #0009)}.play-flight img{width:100%;height:100%;object-fit:fill;border-radius:5px}.play-event-flight{animation:play-event-flight 1.5s ease-in-out both}.play-event-flight span{position:absolute;left:0;right:0;bottom:12%;background:#a65b17ec;color:#fff4d5;font-size:clamp(14px,2vw,28px);font-weight:850;text-align:center;animation:event-activate 1.5s both}@keyframes play-flight{0%{left:var(--from-left);top:var(--from-top);width:var(--from-width);height:var(--from-height)}to{left:var(--to-left);top:var(--to-top);width:var(--to-width);height:var(--to-height)}}@keyframes play-event-flight{0%{left:var(--from-left);top:var(--from-top);width:var(--from-width);height:var(--from-height)}30%,65%{left:var(--mid-left);top:var(--mid-top);width:var(--mid-width);height:var(--mid-height);filter:drop-shadow(0 0 20px #ffbc66)}to{left:var(--to-left);top:var(--to-top);width:var(--to-width);height:var(--to-height)}}@keyframes event-activate{0%,20%,85%,to{opacity:0}30%,65%{opacity:1}}@media(prefers-reduced-motion:reduce){.play-animation-layer{display:none}}.set-drag-source{display:contents}.set-drag-source .card-face{touch-action:none;-webkit-user-select:none;user-select:none}.board-shell .tutorial-emphasis.card-face,.board-shell .tutorial-emphasis>.card-face,.board-shell .tutorial-emphasis.color-card{outline:3px solid #ffeb83;box-shadow:0 0 18px #ffe77baa}.fan-card.tutorial-emphasis{z-index:25!important}.fan-card.tutorial-emphasis>.card-face{transform:translateY(-3.2cqw)}.learn-choices.tutorial-only{grid-template-columns:1fr}.hero h1.hero-catchphrase{white-space:nowrap;font-size:clamp(18px,2.1vw,30px);letter-spacing:.02em}@media(max-width:600px){.hero h1.hero-catchphrase{font-size:clamp(15px,4.5vw,24px)}}.field-piece.effect-target{filter:drop-shadow(0 0 9px #65ffe5);outline:3px solid #65ffe5;border-radius:8px;cursor:pointer}.effect-list-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;background:#020b16b8;display:grid;place-items:center;transition:background .12s}.effect-list{width:min(920px,88vw);max-height:86vh;display:flex;flex-direction:column;background:#12263a;border:1px solid #67ddeb;border-radius:14px;padding:20px;box-shadow:0 12px 70px #000b;color:#fff}.effect-list h2{margin:0}.effect-list p{font-size:14px;color:#c6d9e6}.effect-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:12px;overflow:auto;padding:8px}.effect-list-grid button{position:relative;background:#183449;border:3px solid transparent;padding:5px;display:flex;flex-direction:column;gap:5px}.effect-list-grid img{width:100%;aspect-ratio:.714;object-fit:contain}.effect-list-grid .chosen{border-color:#62ffe4;box-shadow:0 0 12px #62ffe466}.selection-number{position:absolute;top:5px;left:5px;border-radius:50%;background:#65ffe5;color:#042627;font-size:25px;width:36px;height:36px;display:grid;place-items:center}.effect-list footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:16px}.effect-list footer>span{margin-right:auto}.board-peek{touch-action:none;-webkit-user-select:none;user-select:none}.board-peeking{background:transparent}.board-peeking .effect-list{background:transparent;border-color:transparent;box-shadow:none}.board-peeking .effect-list>:not(footer),.board-peeking footer>:not(.board-peek){opacity:0;pointer-events:none}.board-peeking .board-peek{opacity:.55}.channel-activation-popup{position:fixed;z-index:1200;width:min(330px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:16px;color:#e7f5ff;background:#13283cf5;border:1px solid #66d7da;border-radius:12px;box-shadow:0 8px 30px #0009;font-size:13px}.channel-activation-popup h3{font-size:16px;margin:0 0 8px}.channel-activation-popup p{font-size:12px;line-height:1.7;margin:8px 0}.channel-activation-popup label{margin:10px 0}.channel-activation-popup select{font-size:12px;padding:8px;background:#213e54;color:#fff;border-color:#618497}.channel-activation-popup small{display:block;color:#f3d58d;line-height:1.5}.channel-activation-popup .button-row{margin-top:14px;justify-content:flex-end}.channel-activation-popup button{background:#23455b;color:#fff;border-color:#51738b;font-size:12px;padding:8px 12px}.channel-activation-popup button.primary{background:#167b86}.channel-activation-popup button:hover:not(:disabled){background:#326278}.fan-card:hover,.fan-card:focus-within{z-index:70!important}.mat-zones>.color-line>.color-card.channel-color-target{border:3px solid #278dff;outline:2px solid #78c1ff;box-shadow:0 0 .9cqw #1683ff,inset 0 0 .4cqw #1683ff;cursor:pointer}.mat-zones>.color-line>.color-card.channel-color-target:hover:not(:disabled),.mat-zones>.color-line>.color-card.channel-color-target:focus-visible{z-index:40;transform:scale(1.12);outline:3px solid #5cb5ff;box-shadow:0 .5cqw 1.3cqw #000b,0 0 1.3cqw #1683ff}.mat-zones>.color-line>.color-card.channel-color-target:hover:after,.mat-zones>.color-line>.color-card.channel-color-target:focus-visible:after{content:"表にする";position:absolute;bottom:.2cqw;left:.2cqw;right:.2cqw;background:#063773ed;color:#e0f2ff;font-size:.7cqw;font-weight:800;padding:.25cqw;border-radius:.25cqw;pointer-events:none}.field-piece.channel-effect-target .card-face{outline:3px solid #65ffe5;box-shadow:0 0 .8cqw #35ddc1}.field-piece.channel-effect-target:hover .card-face{outline-color:#b1fff4;filter:brightness(1.1)}.mat-zones .field-piece.attacking-piece .card-face,.field-piece.cost-chosen .card-face,.fan-card.cost-chosen .card-face,.field-piece.channel-effect-target .card-face{outline:3px solid #73f5ff;outline-offset:2px;box-shadow:0 0 5px 2px #c0fbff,0 0 15px 5px #16dcffb3,0 0 30px 9px #00bfff66}.field-piece.effect-target{outline:3px solid #73f5ff;outline-offset:2px;filter:drop-shadow(0 0 7px #36e7ff) drop-shadow(0 0 15px #00bfff99)}.effect-list-grid button.chosen,.effect-list-grid button.chosen:hover:not(:disabled){border-color:#73f5ff;box-shadow:0 0 5px 2px #b7f9ff,0 0 15px 4px #16dcffb3,0 0 28px 7px #00bfff55}.selection-number{background:#73f5ff;box-shadow:0 0 12px #16dcff99}.mat-zones>.color-line>.color-card.channel-color-target{border-color:#25d5ff;outline:3px solid #73f5ff;box-shadow:0 0 5px 2px #aaf6ff,0 0 16px 5px #009dffcc,0 0 30px 8px #0084ff88}.mat-zones>.color-line>.color-card.channel-color-target:hover:not(:disabled),.mat-zones>.color-line>.color-card.channel-color-target:focus-visible{outline-color:#c5fcff;box-shadow:0 .5cqw 1.3cqw #000b,0 0 6px 3px #b7faff,0 0 20px 7px #09beffdd,0 0 36px 10px #0084ff88}.mat-zones .field-piece.liver-target:after{top:calc(100% + .4cqw);bottom:auto}.mat-zones>.color-line>.color-card.color-target{border:3px solid #73f5ff;outline:3px solid #73f5ff;outline-offset:2px;box-shadow:0 0 5px 2px #c0fbff,0 0 15px 5px #16dcffb3,0 0 30px 9px #00bfff66}.mat-zones>.color-line>.color-card.color-target:hover:not(:disabled),.mat-zones>.color-line>.color-card.color-target:focus-visible,.mat-zones>.color-line>.color-card.color-target.action-drop-hover{outline-color:#c5fcff;box-shadow:0 .5cqw 1.3cqw #000b,0 0 6px 3px #b7faff,0 0 20px 7px #09beffdd,0 0 36px 10px #0084ff88}.mat-zones .field-piece.liver-target .card-face{outline:3px solid #ffbb75;outline-offset:2px;box-shadow:0 0 5px 2px #ffe1c0,0 0 15px 5px #ff9826b3,0 0 30px 9px #ff760066}.mat-zones .field-piece.liver-target.action-drop-hover .card-face{outline-color:#fff2bd;box-shadow:0 0 6px 3px #ffe8bf,0 0 20px 7px #ffad36dd,0 0 36px 10px #ff760088}.mat-zones .field-piece.liver-target:after{content:none;display:none}.power-label{display:flex;flex-direction:column;align-items:center;white-space:nowrap;z-index:2}.attack-target-label{display:block;margin-top:.12cqw;padding:.12cqw .55cqw;border-radius:.2cqw;background:#945625;color:#fff4e1;font-size:clamp(9px,.72cqw,14px);font-weight:800;line-height:1.2;text-shadow:0 1px 2px #0008}.power-label .blocker-badge{position:absolute;bottom:calc(100% + .16cqw);left:50%;transform:translate(-50%);display:block;padding:.14cqw .5cqw;border:1px solid #fff;border-radius:.22cqw;background:#142438f2;color:#fff;font-size:clamp(9px,.8cqw,15px);font-weight:800;line-height:1.25;letter-spacing:.04em;white-space:nowrap;box-shadow:0 1px 5px #0009;pointer-events:none}.game-announcement{grid-template-rows:auto auto auto minmax(0,1fr) auto}.game-announcement .phase-panel{padding:.55cqw .6cqw .45cqw}.game-announcement .phase-owner{margin-bottom:.35cqw}.game-announcement .phase-panel h2{font-size:1.65cqw;margin:.2cqw 0 .45cqw}.game-announcement .phase-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:.2cqw}.game-announcement .phase-track li{padding:.25cqw .15cqw;font-size:.56cqw;gap:.12cqw}.game-announcement .turn-controls{justify-content:flex-start;padding:.5cqw .6cqw;gap:.3cqw}.game-announcement .turn-controls .end-turn-large{min-height:3cqw}.game-announcement .announcement-scroll{padding-top:.6cqw;overscroll-behavior:contain;scrollbar-gutter:stable}.game-announcement .selection-empty{margin-top:0;padding-top:.6cqw;border-top:0}.game-announcement .announcement-scroll:has(.channel-controls) .selection-empty{display:none}.player-area .rainbow-area,.player-area.opponent .rainbow-area{padding-inline:8.25cqw}.table-divider .turn-direction{font-size:1.5cqw;font-weight:900;line-height:1;color:#8defff}.mat-zones>.deck-pile,.mat-zones>.log-pile{width:6.5cqw;height:9cqw;z-index:5}.mat-zones>.deck-pile .card-back{width:6.3cqw;height:8.8cqw}.mat-zones>.log-pile img{width:6.3cqw;height:8.8cqw;object-fit:contain}.mat-zones>.deck-pile span{right:0;bottom:0;min-width:1.9cqw;height:1.5cqw;font-size:.9cqw}.mat-zones>.log-pile>span{bottom:0;font-size:.8cqw;line-height:1.4}.mat-zones>.log-pile>span{left:auto;right:0;bottom:0;min-width:1.9cqw;height:1.5cqw;padding:0 .2cqw;background:#28485f;border:1px solid #6c8ca3;border-radius:.3cqw;color:#fff;font-size:.9cqw;font-weight:700;line-height:normal;display:grid;place-items:center}.table-divider .turn-direction+span{font-size:1.5cqw;font-weight:900;line-height:1;color:#8defff}.player-area.self .mat-zones>.log-pile{transform:translateY(.65cqw)}.player-area.opponent .mat-zones>.log-pile{transform:translateY(-.65cqw)}.board-shell{grid-template-columns:14.5% 71% 14.5%}.player-info-slot{grid-area:log;position:relative;align-self:center;width:6.5cqw;height:9cqw;pointer-events:none;z-index:6}.self .player-info-slot{justify-self:end;transform:translateY(.65cqw)}.opponent .player-info-slot{justify-self:start;transform:translateY(-.65cqw)}.player-info-slot .player-name{position:absolute;left:0;right:0;top:calc(100% + .3cqw);height:auto;min-height:0;padding:.25cqw;display:flex;flex-wrap:wrap;gap:.2cqw .3cqw;background:#101c2be6;border-radius:.3cqw;font-size:.7cqw;line-height:1.25}.opponent .player-info-slot .player-name{top:auto;bottom:calc(100% + .3cqw)}.player-info-slot .deck-symbol{width:1.1cqw;height:1.1cqw}.player-info-slot .player-name b{flex:1;overflow-wrap:anywhere}.player-info-slot .player-name small{font-size:.65cqw;color:#b8ccdd}.player-info-slot .player-name strong{display:flex;align-items:center;gap:.25cqw;margin-left:auto;font-size:.95cqw;color:#8defff}.player-info-slot .player-name strong span{font-size:.55cqw;color:#b8ccdd;margin:0}.player-info-slot .first-player-mark{font-size:.5cqw;padding:.1cqw .2cqw}.field-piece{width:6.7cqw;height:9.55cqw}.field-piece.rested{width:9.3cqw}.field-piece .card-face{width:6.5cqw;height:9cqw}.player-area.self .mat-zones{grid-template-rows:minmax(0,1.4fr) minmax(0,1fr)}.player-area.opponent .mat-zones{grid-template-rows:minmax(0,1fr) minmax(0,1.4fr)}.card-hover-preview{transform:scale(1.5);transform-origin:top left}.cost-deposit>span:first-child{flex:1;min-width:0}.cost-deposit .cost-card-thumbnail{position:relative;align-self:stretch;flex:0 0 24px;overflow:hidden}.cost-card-thumbnail img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:2px}.game-announcement .play-controls button.primary{background:#36e3ff;color:#052735;border:2px solid #a2f6ff;font-weight:900;box-shadow:0 0 7px #39dfff99,0 0 16px #00bff044}.game-announcement .play-controls button.primary:hover:not(:disabled){background:#8af1ff;box-shadow:0 0 10px #69ecffcc,0 0 22px #00cfff66}.game-announcement .play-controls button.primary:disabled{background:#285264;color:#91b3c0;border-color:#426a79;box-shadow:none;opacity:.65}.player-info-slot .player-name{display:grid;grid-template-columns:1.1cqw minmax(0,1fr) auto;gap:.35cqw .25cqw;padding:.35cqw;background:#102337f2;border:1px solid #3b5974;border-radius:.4cqw}.player-info-slot .deck-symbol{grid-column:1;grid-row:1;align-self:center}.player-info-slot .player-name b{grid-column:2;grid-row:1;align-self:center;font-size:.7cqw}.player-info-slot .first-player-mark{grid-column:3;grid-row:1;align-self:center}.player-info-slot .player-name small{grid-column:1 / 3;grid-row:2;justify-self:start;padding:.2cqw .3cqw;border:1px solid #4f83b0;border-radius:.3cqw;background:#214564;color:#e2f2ff;font-size:.64cqw;white-space:nowrap}.player-info-slot .player-name strong{grid-column:3;grid-row:2;justify-self:end;margin:0;padding:.2cqw .3cqw;border:1px solid #3d958f;border-radius:.3cqw;background:#154b4b;color:#b9fff1;font-size:.85cqw;white-space:nowrap}.player-info-slot .player-name strong span{color:#c2e8e3;font-size:.52cqw}.player-info-slot .player-name{grid-template-columns:repeat(6,minmax(0,1fr))}.player-info-slot .player-name b{grid-column:2 / 6}.player-info-slot .first-player-mark{grid-column:6}.player-info-slot .player-name small{grid-column:1 / 4}.player-info-slot .player-name strong{grid-column:4 / 7;padding:.2cqw .15cqw;gap:.15cqw}.player-info-slot .player-name b{grid-column:2 / 5}.player-info-slot .first-player-mark{grid-column:5 / 7;white-space:nowrap;min-width:1.8cqw;width:max-content;box-sizing:border-box;justify-self:end;text-align:center;padding:.12cqw .25cqw;line-height:1.3}.game-announcement .phase-panel>small{display:block;text-align:center}.game-announcement .phase-panel>h2{text-align:center}.game-announcement .turn-controls .end-turn-large{width:92%;align-self:center;min-height:3.8cqw;padding:.7cqw .45cqw;border-radius:.65cqw;box-shadow:0 .2cqw .45cqw #0005,inset 0 1px #ffffff26}.game-announcement .turn-controls .end-turn-large:active:not(:disabled){transform:translateY(1px);box-shadow:0 .08cqw .2cqw #0005}.table-divider>.turn-direction:first-child{font-size:1.5cqw;font-weight:900;line-height:1;color:#8defff}.battle-arrow-block{color:#ff5267}.battle-arrow-block text{font-size:24px;font-weight:900}.block-rest-animation{position:fixed;z-index:94;pointer-events:none;object-fit:contain;transform:translate(-50%,-50%) rotate(90deg);filter:drop-shadow(0 0 12px #ff5267);animation:block-rest-turn 1.6s ease both}@keyframes block-rest-turn{0%{opacity:1;transform:translate(-50%,-50%) rotate(0)}35%,75%{opacity:1;transform:translate(-50%,-50%) rotate(90deg)}to{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}}@media(prefers-reduced-motion:reduce){.block-rest-animation{animation:none;transform:translate(-50%,-50%) rotate(90deg)}}.battle-exit-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:94;pointer-events:none}.battle-exit-card{position:absolute;animation:battle-exit-to-log 1.2s ease-in-out both;transform:translate(-50%,-50%)}.battle-exit-card img{width:100%;height:100%;object-fit:contain;transform:rotate(var(--exit-rotation));filter:drop-shadow(0 0 10px #ff5267)}.battle-exit-card span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#96263de8;color:#fff;border:1px solid #ffacb5;padding:3px 10px;border-radius:5px;font-size:16px;font-weight:900;white-space:nowrap}@keyframes battle-exit-to-log{0%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:brightness(1.7)}25%,50%{opacity:1;transform:translate(-50%,-50%) scale(1.05);filter:brightness(1)}to{opacity:0;transform:translate(calc(-50% + var(--exit-x)),calc(-50% + var(--exit-y))) scale(.55)}}.block-rest-animation{animation-duration:.65s}@media(prefers-reduced-motion:reduce){.battle-exit-card{animation:battle-exit-fade 1.2s both}}@keyframes battle-exit-fade{0%,70%{opacity:1}to{opacity:0}}.battle-exit-card[style*="550ms"]{animation-name:battle-block-exit-to-log}@keyframes battle-block-exit-to-log{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}5%,50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:0;transform:translate(calc(-50% + var(--exit-x)),calc(-50% + var(--exit-y))) scale(.55)}}.power-label .blocker-badge{background:#c92d43;color:#fff;border-color:#ff8494;border-radius:.15cqw;padding:.18cqw .65cqw;min-width:4.8cqw;text-align:center;box-shadow:0 1px 5px #0009}.log-pile>.log-zone-label{position:absolute;top:.2cqw;left:.2cqw;z-index:2;display:block;padding:.18cqw .45cqw;border:1px solid #91bfd5;border-radius:.25cqw;background:#173a50f5;color:#fff;font-size:.75cqw;font-weight:800;line-height:1.2;box-shadow:0 1px 4px #0008;pointer-events:none}.player-info-slot .player-name{top:calc(100% + 3.4cqw);transform:translateY(-50%)}.opponent .player-info-slot .player-name{top:auto;bottom:calc(100% + 3.4cqw);transform:translateY(50%)}.brand .brand-disclaimer{display:inline-block;margin-left:10px;font-size:10px;font-weight:400;line-height:1.5;color:#65758a;letter-spacing:0;vertical-align:middle;max-width:230px;white-space:normal}@media(max-width:700px){.brand .brand-disclaimer{max-width:155px;font-size:9px;margin-left:6px}}