@charset "UTF-8";
:root{color-scheme:light;--paper:#f2f0e9;--ink:#34263e;--purple:#482665;--deep:#291a39;--lilac:#e5dbee;--acid:#d6eb91;--line:#d7d0d9;--muted:#87798f;background:var(--paper);color:var(--ink);font:14px 'Yu Gothic','Hiragino Kaku Gothic ProN',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:3px;background:transparent;color:inherit;min-height:44px;padding:11px 16px;transition:background .16s,transform .16s}button:hover{background:#48266509;border-color:var(--purple)}button:disabled{opacity:.32;cursor:default}button.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--purple);border-color:var(--purple);color:white;font-weight:700}.primary:hover{filter:brightness(1.1)}.danger{color:#a34a60}.ghost{color:white;border-color:#fff6}.text-button{border:0;text-decoration:underline;text-underline-offset:5px;font-size:11px;padding:7px}.icon-button{width:44px;height:44px;padding:0;font-size:23px}a{color:inherit}input,select{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:3px;min-height:46px;padding:11px;max-width:100%}input[type=number]{width:85px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--purple)}label{display:flex;align-items:center;gap:10px}h1,h2,h3,p{margin-top:0}h1{font-size:42px;line-height:1.3;letter-spacing:-.03em}h2{font-size:23px;line-height:1.5;letter-spacing:-.04em}h3{line-height:1.6}p{line-height:1.9}small,.muted{color:var(--muted)}.eyebrow{font:600 9px/1.5 ui-monospace,Consolas,monospace;letter-spacing:2px;margin-bottom:9px}.panel{background:#fbfaf7;border:1px solid var(--line);padding:25px}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions>*{flex:1}summary{cursor:pointer;list-style:none;min-height:44px;padding:13px 0;font-size:12px;line-height:1.7}summary::-webkit-details-marker{display:none}:focus-visible{outline:3px solid #a071bd;outline-offset:3px}.hidden{display:none!important}
.app-header{height:84px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:15px;font-weight:900;letter-spacing:1px;text-decoration:none;white-space:nowrap}.brand small{display:block;font:8px/1.5 ui-monospace,monospace;letter-spacing:3px;margin-top:5px}.brand-mark{font:italic 900 44px/.8 var(--display);color:var(--purple);position:relative}.app-header nav{display:flex;height:100%;gap:28px}.app-header nav button{border:0;border-bottom:3px solid transparent;border-radius:0;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px;padding:0 3px}.app-header nav button[aria-pressed=true]{border-bottom-color:var(--purple);color:var(--purple)}.nav-icon{font-size:19px}.private-label{font:9px ui-monospace,monospace;display:flex;align-items:center;gap:8px;letter-spacing:1px}.private-label i{width:5px;height:5px;background:#8c6fa0;border-radius:50%}main{max-width:1536px;margin:auto;padding:32px 4vw 50px;min-height:70vh}footer{display:flex;justify-content:space-between;max-width:1536px;margin:auto;padding:25px 4vw;border-top:1px solid var(--line);font:8px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}
.library-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--purple);color:#faf7fc;min-height:340px;padding:38px 44px;display:flex;align-items:center;margin-bottom:40px}.library-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 65% 10%,#a17eb54a,transparent 65%),repeating-linear-gradient(0deg,#fff0 0 3px,#fff02 3px 4px)}.hero-copy{position:relative;z-index:2;width:50%}.hero-copy .eyebrow{color:#d9c9e5;margin-bottom:20px}.hero-copy h1{font-size:48px;line-height:1.24;letter-spacing:.04em;font-weight:900;margin-bottom:16px}.hero-sub{font-size:12px;color:#d9cbe4}.hero-actions{display:flex;gap:12px;margin-top:23px}.hero-actions .primary{background:var(--acid);color:var(--deep);border-color:var(--acid);min-width:150px}.hero-actions .ghost{font-size:11px}.hero-actions .ghost span{margin-left:12px}.hero-art{position:absolute;right:7%;top:20px;bottom:0;width:43%;display:flex;align-items:center;justify-content:center}.hero-card{position:absolute;width:clamp(145px,14vw,205px);border-radius:8px;box-shadow:8px 18px 28px #1a0c2855}.hero-card-0{transform:translate(-72%,-6%) rotate(-18deg);z-index:1}.hero-card-1{transform:translate(-2%,2%) rotate(5deg);z-index:3}.hero-card-2{transform:translate(66%,-9%) rotate(22deg);z-index:2}.hero-orbit{position:absolute;width:125%;height:75%;border:1px solid #e1cbed38;border-radius:50%;transform:rotate(-20deg)}.hero-stamp{position:absolute;right:-30px;bottom:30px;font:9px/1.5 ui-monospace,monospace;letter-spacing:2px;writing-mode:vertical-rl}.hero-index{position:absolute;right:24px;bottom:18px;font:8px ui-monospace,monospace;letter-spacing:2px;color:#cdb7dd}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.collection{min-width:0;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-heading h2{margin:0;font-size:25px}.section-heading h2>span{display:inline-block;vertical-align:middle;border:1px solid var(--line);padding:3px 8px;font:10px ui-monospace,monospace;margin-left:14px;color:var(--muted)}.section-heading .eyebrow{color:#8f7a9d;margin-bottom:6px}.section-heading>span{font:9px ui-monospace,monospace;color:var(--muted)}#show-deck-desktop{display:none}.filters{position:relative;z-index:4;padding-bottom:14px;border-bottom:1px solid var(--line)}.search-field{background:#fbfaf7;border:1px solid #cec6d2;padding:0 14px;gap:12px}.search-field>span{font:26px var(--display);color:var(--purple)}.search-field input{border:0;background:none;width:100%;font-size:13px}.filter-row{display:flex;gap:10px;margin-top:10px}.filter-row>select{flex:1;min-width:0;font-size:12px;background:none}.more-filters{position:relative}.more-filters summary{height:46px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--line);padding:10px 12px;font-size:12px}.more-filters>div{position:absolute;right:0;top:54px;width:300px;background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 30px #30253e18;padding:18px;display:grid;gap:16px}.more-filters label{flex-wrap:wrap;font-size:12px}.more-filters select{width:100%;font-size:11px}.collection-meta{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--muted);padding:18px 0 14px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.card{min-width:0;position:relative}.card-art-wrap{position:relative}.art{display:block;border:0;padding:0;min-height:0;width:100%;background:none!important;border-radius:7px;overflow:hidden;transition:transform .2s,box-shadow .2s}.art:hover{transform:translateY(-4px);box-shadow:0 8px 15px #34213e20}.art img{width:100%;aspect-ratio:400/560;object-fit:contain;display:block;border-radius:7px}.rarity{position:absolute;left:6px;top:6px;font:8px ui-monospace,monospace;background:#21162fe6;color:white;padding:4px 5px;pointer-events:none}.tag{display:inline-block;color:var(--muted);font-size:10px}.card-art-wrap .tag{position:absolute;left:6px;bottom:6px;background:#f3ede4ed;color:#60445d;padding:3px 5px;font-size:9px}.card-caption{padding:10px 1px 0}.card-caption>small{font-size:9px;color:var(--purple);display:block}.card-caption>small span{color:var(--muted)}.card h3{font-size:11px;line-height:1.6;height:3.2em;overflow:hidden;margin:5px 0}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:4px}.card-attack{display:flex;gap:9px;font:10px ui-monospace,monospace}.card-attack>span:last-child{color:#9b8060}.card .add{min-width:40px;padding:0 9px;min-height:36px;height:36px;background:var(--lilac);border-color:transparent;font-size:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:40px 0 10px;font:14px ui-monospace,monospace}.pagination button{width:44px;padding:0}.pagination small{font-size:11px}.empty-state{text-align:center;padding:40px 15px;grid-column:1/-1}.empty-state p{color:var(--muted);font-size:12px}.empty-state h3{font-size:17px}.empty-symbol{font-size:50px;color:#a08baa;display:block;margin-bottom:15px}.empty-state .text-button{display:block;margin:15px auto 0}
.deck{position:sticky;top:22px;border-top:3px solid var(--purple);padding:22px;background:#fbfaf7}.deck-heading{display:flex;justify-content:space-between;align-items:center}.deck-heading h2{font-size:21px;margin-bottom:20px}.deck-heading .eyebrow{color:var(--muted)}#close-deck{display:none}.deck>input{width:100%;border:0;border-bottom:1px solid var(--line);padding:10px 0;background:none;border-radius:0;font-size:13px}.deck-progress{height:3px;background:#e5dfe9;margin:22px 0 13px}.deck-progress>span{display:block;height:100%;background:var(--purple)}.deck-count{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.deck-count strong{font:28px var(--display)}.deck-count strong small{font-size:12px}.deck-count>span{font-size:10px;color:var(--muted)}.deck-composition{display:flex;gap:15px;font-size:10px;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--line)}.deck-list{list-style:none;padding:0;margin:0 0 20px;max-height:340px;overflow:auto}.deck-list li{display:flex;align-items:center;gap:6px;padding:9px 0;border-bottom:1px solid #e8e2eb}.deck-card-info{border:0;padding:0;display:flex;align-items:center;gap:9px;min-width:0;flex:1;text-align:left}.deck-card-info img{width:29px;height:40px;object-fit:cover;border-radius:2px;flex-shrink:0}.deck-card-info span{font-size:10px;line-height:1.6;overflow-wrap:anywhere}.deck-card-info small{display:block;font-size:8px}.deck-list [data-remove]{min-height:34px;min-width:30px;padding:0;font-size:15px}.deck-quantity{font:10px ui-monospace,monospace;margin-right:3px}.save-deck{width:100%}.deck-options{margin-top:18px;border-top:1px solid var(--line)}.deck-options summary{display:flex;justify-content:space-between;font-size:11px}.deck-options select{width:100%;font-size:12px}.deck-options .actions{margin-top:10px}.deck-options .actions button{font-size:11px;padding:7px}.sample-decks{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.sample-decks .eyebrow{font-size:8px;color:var(--muted)}.sample-decks p{font-size:11px;margin:8px 0 12px}.sample-decks .actions{flex-direction:column;gap:8px}.sample-decks button{font-size:11px;text-align:left;padding:9px 12px;min-height:40px}.sample-decks button>span{margin-right:12px;color:var(--purple)}.deck-empty{text-align:center;padding:25px 0 10px}.deck-empty>span{font-size:30px;color:#b39dc1}.deck-empty p{font-size:11px;color:var(--muted)}.deck-backdrop,.mobile-deck-bar{display:none}
.match-intro{padding:25px 0 20px}.match-intro h1{font-size:48px;font-weight:900;letter-spacing:.03em;line-height:1.3;margin-bottom:15px}.match-intro>p:last-child{font-size:13px;color:var(--muted)}.mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:15px 0 36px}.mode-card{text-align:left;padding:24px;position:relative;background:#fbfaf7;min-height:180px}.mode-card[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:white;box-shadow:4px 4px 0 #d8cce3}.mode-top{display:flex;justify-content:space-between;margin-bottom:20px}.mode-top small{font:11px ui-monospace,monospace}.mode-top>span{font-size:25px}.mode-card strong{display:block;font-size:20px;margin-bottom:8px}.mode-card>span:not(.mode-top){font-size:11px;color:var(--muted)}.mode-card[aria-pressed=true]>span:not(.mode-top),.mode-card[aria-pressed=true] small{color:#cdbbd9}.mode-card>i{position:absolute;right:22px;bottom:23px;font-style:normal;color:#bba9c8}.mode-card[aria-pressed=true]>i{color:var(--acid)}.setup{max-width:950px;margin:0 auto 30px}.deck-selectors{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.deck-selectors label{display:block}.deck-selectors label>span{display:flex;justify-content:space-between;font:10px ui-monospace,monospace;letter-spacing:1px;margin-bottom:12px}.deck-selectors select{width:100%;font-size:13px}.start-match{width:100%;margin:12px 0}.match-top{display:flex;justify-content:space-between;align-items:center;margin:3px 0 20px}.match-top h1{font:32px var(--display);margin:0}.match-top .eyebrow{margin-bottom:5px}.match-tools{display:flex;gap:6px}.arena{background:var(--deep);color:#f3eef6;padding:18px 30px 14px;position:relative;overflow:hidden}.arena:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0,#76548f40,transparent 65%),repeating-linear-gradient(90deg,#fff0 0 39px,#ffffff03 39px 40px)}.arena>*{position:relative}.arena-topline{display:flex;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:2px;color:#ac96bc;border-bottom:1px solid #ffffff18;padding-bottom:14px}.scoreboard{display:grid;grid-template-columns:1fr 140px 1fr;gap:20px;align-items:center;max-width:750px;margin:20px auto}.score-1{text-align:right}.player-label{font:9px ui-monospace,monospace;letter-spacing:1px;color:#c1afcf}.score .hp{display:block;font:58px/.95 ui-monospace,monospace;color:#f2e8fb;margin:10px 0 16px;letter-spacing:-3px}.hp-line{height:3px;background:#ffffff18;max-width:240px}.hp-line>span{display:block;background:#c1add6;height:100%}.score-1 .hp-line{margin-left:auto}.score-1 .hp-line>span{background:var(--acid)}.score>small{display:block;font:9px ui-monospace,monospace;color:#b49fc6;margin-top:12px}.score small>span{padding:0 7px}.clock{display:flex;flex-direction:column;align-items:center}.chronos-mini{width:120px;max-width:100%;color:#d7c5e4}.clock>span{font:8px ui-monospace,monospace;color:#b8a4c8;letter-spacing:2px}.clock b{color:var(--acid);margin-left:8px}.board{display:grid;grid-template-columns:1fr 1fr;gap:45px;max-width:750px;margin:auto}.field-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.battle-slot{position:relative;min-height:136px;border:1px solid #a88cbc33;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 10px 10px}.slot-label{position:absolute;left:9px;top:8px;font:7px ui-monospace,monospace;letter-spacing:1px;color:#917ba3}.slot-placeholder{font-size:24px;color:#977eaa44}.battle-slot button{border:0;padding:0;min-height:0;max-width:100%;width:85px}.battle-slot img{width:100%;display:block;border-radius:4px}.field-bottom{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:8px}.field-bottom>button,.field-bottom>span{font:8px ui-monospace,monospace;padding:8px 0;min-height:36px;color:#b09bc2;border:0}.field-bottom b{color:#f3e8fb;margin-left:5px;font-size:10px}.set-status{font-size:9px;letter-spacing:1px;text-align:center;color:#9a82ad;border-top:1px solid #ffffff10;padding:10px 0 0}.set-ready{color:var(--acid);font-size:7px;margin-right:3px}.turn-controls{margin-top:20px}.cover{text-align:center;padding:30px 20px;background:#fbfaf7;border:1px solid var(--line)}.cover-symbol{font-size:30px;color:var(--purple);display:block;margin-bottom:10px}.cover h2{font-size:25px;margin-bottom:12px}.cover>p:not(.eyebrow){font-size:12px;color:var(--muted)}.cover .primary{min-width:230px}.cover details{text-align:left;margin-top:18px}.cover summary{font-size:11px;color:var(--muted)}.cpu-thinking{padding:35px;text-align:center;font-size:12px;color:var(--muted)}.thinking-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple);margin-right:10px;animation:pulse 1s infinite}.hand-panel{padding:24px;background:#e9e2ee;border:1px solid #d9ccdf}.hand-panel h2{font-size:23px;margin:16px 0 6px}.hand-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.hand-top>span{font:9px ui-monospace,monospace;color:var(--muted);white-space:nowrap}.hand-top .eyebrow{margin-bottom:0}.hand-hint{font-size:11px;color:#81708c;margin-bottom:16px}.perspective-tabs{display:flex;gap:3px;background:#d9cde1;padding:3px}.perspective-tabs button{border:0;font-size:11px;min-height:36px;padding:7px 14px;color:#786482}.perspective-tabs button[aria-pressed=true]{background:#fbf9fc;color:var(--purple)}.hand{display:flex;overflow-x:auto;gap:15px;padding:6px 3px 12px;scroll-snap-type:x proximity}.hand .card{width:145px;flex:0 0 auto;scroll-snap-align:start}.hand-select{padding:0;border:0;background:transparent!important;width:100%;position:relative;display:block;border-radius:7px}.hand-select img{width:100%;display:block;aspect-ratio:400/560;object-fit:contain;border-radius:7px}.selection-order{position:absolute;right:7px;top:7px;background:#ffffffdb;color:var(--purple);font:12px ui-monospace,monospace;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center}.chosen .hand-select{outline:3px solid var(--purple);outline-offset:2px}.chosen .selection-order{background:var(--acid);color:var(--deep)}.hand-detail{border:0;padding:8px 0;text-align:left;font-size:10px;min-height:44px;line-height:1.5;width:100%;display:flex;justify-content:space-between;gap:5px}.hand-card-stats{display:flex;gap:10px;font:9px ui-monospace,monospace;color:#806d8e}.hand-card-stats b{margin-left:auto}.hand-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;padding-top:16px;border-top:1px solid #cabcd4}.hand-action>span{font:24px var(--display)}.hand-action small{font-size:10px}.hand-action .primary{min-width:220px}.match-log{margin:25px 0}.match-log summary{display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px}.log{max-height:180px;overflow:auto;padding-left:20px;color:var(--muted);font-size:11px;line-height:1.9}.manual-panel{border-left:3px solid #ac8a58}.manual-panel h2{font-size:21px}.effect{white-space:pre-wrap;font-size:13px;line-height:1.9;background:#eee8f2;padding:16px;border-left:2px solid #b6a1c6}.manual-panel>.primary,.end-panel>.primary,.battle-panel>.primary{margin-top:15px}.manual-panel details,.end-panel details,.battle-panel details{margin-top:15px}.edit-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}.edit-row label{font-size:11px}.edit-row input{padding:8px}.edit-row select{max-width:100%;font-size:11px}.attack-versus{display:flex;gap:35px;justify-content:center;align-items:center;padding:20px 0}.attack-versus strong{font:46px var(--display);color:var(--purple)}.attack-versus>span{font:11px ui-monospace,monospace;color:var(--muted)}.battle-panel,.end-panel{text-align:center}.battle-panel details,.end-panel details{text-align:left}.battle-panel .primary,.end-panel .primary{width:min(100%,500px)}.result{background:var(--purple);color:white}.result h2{font:50px ui-monospace,monospace;margin:25px 0}.result .primary{background:var(--acid);border-color:var(--acid);color:var(--deep)}
dialog{border:1px solid #ccbed5;border-top:4px solid var(--purple);border-radius:4px;background:var(--paper);color:var(--ink);width:min(860px,94vw);max-height:90dvh;padding:35px;overscroll-behavior:contain}dialog::backdrop{background:#1a0e2cbf;backdrop-filter:blur(4px)}.close{position:absolute;right:5px;top:6px;border:0;font-size:25px;padding:0;width:40px;height:40px}.detail-layout{display:grid;grid-template-columns:280px 1fr;gap:28px}.detail-layout>img{width:100%;border-radius:8px}.detail-layout h2{margin:12px 0}.detail-layout>div>p{font-size:12px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;font:13px ui-monospace,monospace}.stats>div{padding:12px;background:var(--lilac)}.zone-card-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.zone-card-list button{padding:0;border:0;font-size:10px;text-align:left}.zone-card-list img{width:100%;display:block;border-radius:6px;margin-bottom:8px}.rule-copy{max-width:900px;margin:15px auto}.rule-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.rule-step{background:#fbfaf7;border:1px solid var(--line);padding:22px}.rule-step>span{font:28px var(--display);color:#b19ac1}.rule-step h2{font-size:18px;margin:15px 0 10px}.rule-step p{font-size:12px;color:var(--muted)}.qa-list details{border-bottom:1px solid var(--line)}.qa-list summary{font-size:12px;padding:16px 0}.qa-list p{font-size:12px;color:var(--muted);white-space:pre-wrap}.qa-search{width:100%;margin:20px 0}.rule-links{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;margin:30px 0}.offline-card{margin:30px 0}.offline-card p{font-size:12px;color:var(--muted)}#notice{position:fixed;z-index:60;left:50%;bottom:24px;transform:translateX(-50%);background:var(--deep);color:white;box-shadow:0 4px 20px #29173833;padding:14px 22px;max-width:90%;width:max-content;font-size:12px;line-height:1.6;border-left:3px solid var(--acid)}#notice:empty{display:none}@keyframes pulse{50%{opacity:.25}}
@media(min-width:1400px){.card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.deck{padding:18px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.private-label{display:none}.app-header nav{gap:18px}.hero-copy h1{font-size:42px}.library-hero{min-height:310px;padding:32px}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.app-header{height:70px;padding:0 22px}.brand{font-size:12px}.brand-mark{font-size:37px}.brand small{font-size:7px}.app-header nav{gap:17px}.app-header nav button{font-size:11px}main{padding:24px 22px 50px}.library-hero{margin-bottom:30px}.hero-card{width:155px}.deck{display:none}.deck.is-open{display:block;position:fixed;top:auto;left:0;right:0;bottom:0;z-index:45;max-height:88dvh;overflow-y:auto;border-radius:15px 15px 0 0;padding:24px max(24px,calc((100vw - 600px)/2));padding-bottom:calc(24px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px #24143022}.deck.is-open .deck-list{max-height:32dvh}#close-deck{display:block;flex-shrink:0;border:0;background:#e9e1ee}.deck-backdrop.is-open{display:block;position:fixed;inset:0;background:#1a0e2c99;z-index:44;border:0;backdrop-filter:blur(3px)}.deck-is-open{overflow:hidden}.mobile-deck-bar{display:flex;align-items:center;gap:12px;position:fixed;bottom:20px;left:22px;right:22px;z-index:20;padding:13px 18px;background:var(--deep);color:white;box-shadow:0 3px 15px #281a3833;border:1px solid #b5a0c133;border-radius:5px;text-align:left;min-height:66px}.mobile-deck-bar>span:nth-child(2){flex:1;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-deck-bar small{display:block;color:#af9bc1;font-size:9px;margin-top:4px}.mobile-deck-bar strong{font:25px var(--display);color:var(--acid)}.mobile-deck-bar strong small{display:inline;font-size:10px;margin-left:2px}.deck-bar-icon{font-size:25px;color:#cbb8d9}body[data-view=library] main{padding-bottom:120px}.collection .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-card{padding:20px;min-height:170px}.mode-card strong{font-size:18px}.mode-card>span:not(.mode-top){font-size:10px}.board{gap:30px}.detail-layout{grid-template-columns:230px 1fr}}
@media(max-width:600px){body{padding-bottom:calc(65px + env(safe-area-inset-bottom))}.app-header{height:65px;padding:0 18px}.brand{font-size:12px;gap:10px}.brand small{letter-spacing:2px}.private-label{display:flex;font-size:8px}.app-header nav{position:fixed;bottom:0;left:0;right:0;height:calc(65px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:35;background:#f8f5f0f5;border-top:1px solid #d5ccdb;backdrop-filter:blur(14px);display:grid;grid-template-columns:repeat(3,1fr);gap:0}.app-header nav button{flex-direction:column;justify-content:center;gap:3px;padding:8px 4px;border-bottom:0;font-size:9px;color:#96849e}.app-header nav button[aria-pressed=true]{color:var(--purple);background:#e7deee77}.nav-icon{font-size:21px;line-height:1.1}main{padding:16px 16px 30px}.library-hero{margin:0 0 27px;min-height:256px;padding:27px 23px}.hero-copy{width:67%}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:16px}.hero-copy h1{font-size:32px;letter-spacing:.03em;line-height:1.3;margin-bottom:12px}.hero-sub{font-size:10px;margin-bottom:15px}.hero-actions{gap:5px;margin-top:15px}.hero-actions .primary{min-width:123px;min-height:41px;font-size:11px;padding:10px 13px;gap:17px}.hero-actions .ghost{display:none}.hero-art{width:44%;right:0;top:0;bottom:0;transform:translateX(20px)}.hero-card{width:112px;border-radius:4px;box-shadow:5px 9px 15px #170d2550}.hero-card-0{transform:translate(-45%,-20%) rotate(-15deg)}.hero-card-1{transform:translate(7%,8%) rotate(9deg)}.hero-card-2{transform:translate(60%,6%) rotate(22deg)}.hero-stamp{display:none}.hero-index{font-size:6px;right:14px;bottom:11px;letter-spacing:1px}.section-heading{gap:8px;margin-bottom:16px}.section-heading h2{font-size:22px}.section-heading h2>span{font-size:9px;margin-left:10px}.section-heading .eyebrow{font-size:8px}.search-field input{font-size:16px;height:46px;padding:10px 0}.filter-row{gap:7px}.filter-row>select{font-size:10px;padding:10px 6px;min-height:42px;flex:1.15}.more-filters summary{height:42px;min-height:42px;gap:8px;font-size:10px;padding:9px}.more-filters>div{width:280px}.collection-meta{font-size:8px;padding:14px 0 12px}.collection .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.card h3{font-size:11px;margin:5px 0 8px}.card-caption{padding-top:9px}.card-caption>small{font-size:9px}.card .add{width:44px;height:40px;min-height:40px;font-size:14px}.card-attack{font-size:10px;gap:10px}.mobile-deck-bar{left:13px;right:13px;bottom:calc(76px + env(safe-area-inset-bottom));min-height:63px;padding:10px 15px}.deck.is-open{padding:22px 22px calc(25px + env(safe-area-inset-bottom))}.deck .sample-decks .actions{flex-direction:row}.deck .sample-decks button{font-size:10px;padding:9px}.deck .sample-decks button>span{margin-right:4px}.deck-heading h2{font-size:24px}.deck>input{font-size:16px}.deck-card-info span{font-size:12px}.deck-card-info small{font-size:9px}.deck-list [data-remove]{width:44px;min-height:44px}.deck-quantity{font-size:12px}.deck-options summary{font-size:12px}.deck-options select{font-size:16px}footer{padding:22px 16px 28px;font-size:7px;letter-spacing:.5px}#notice{bottom:calc(85px + env(safe-area-inset-bottom));padding:12px 16px;font-size:11px;max-width:92%}.match-intro{padding:12px 0 8px}.match-intro .eyebrow{font-size:8px}.match-intro h1{font-size:33px;line-height:1.35;margin-bottom:13px}.match-intro>p:last-child{font-size:11px}.mode-picker{grid-template-columns:1fr;gap:10px;margin:12px 0 26px}.mode-card{min-height:85px;padding:17px 18px 17px 65px;display:block;box-shadow:none!important}.mode-top{position:absolute;left:19px;top:17px;flex-direction:column;align-items:center;gap:6px;margin:0}.mode-top small{font-size:8px}.mode-top>span{font-size:23px}.mode-card strong{font-size:17px;margin:0 0 6px}.mode-card>span:not(.mode-top){font-size:10px}.mode-card>i{right:18px;bottom:34px}.setup{padding:20px 17px}.setup .section-heading h2{font-size:21px}.setup .section-heading>span{font-size:8px}.deck-selectors{grid-template-columns:1fr;gap:22px;margin:22px 0}.deck-selectors select{font-size:16px}.start-match{margin-top:4px}.empty-state{padding:28px 5px}.empty-state h3{font-size:15px}.empty-state p{font-size:11px}.match-top{margin:0 0 16px}.match-top h1{font-size:25px}.match-top .eyebrow{font-size:9px}.match-tools{gap:4px}.match-tools button{width:39px;height:39px;min-height:39px;font-size:20px}.arena{padding:12px 12px 10px;margin:0 -3px;border-radius:3px}.arena-topline{font-size:6px;letter-spacing:1px;padding-bottom:12px}.arena-topline>span:last-child{font-size:9px;letter-spacing:.5px}.scoreboard{grid-template-columns:1fr 85px 1fr;gap:10px;margin:14px 0 16px}.player-label{font-size:7px;letter-spacing:.4px}.score .hp{font-size:42px;letter-spacing:-2px;margin:7px 0 12px}.score>small{font-size:7px;margin-top:9px}.score small>span{padding:0 2px}.chronos-mini{width:80px}.clock>span{font-size:6px;letter-spacing:1px}.clock b{margin-left:4px}.board{gap:18px}.field-cards{gap:7px;grid-template-columns:1.05fr 1fr}.battle-slot{min-height:95px;padding:19px 5px 5px}.battle-slot button{width:61px;max-width:100%}.slot-label{font-size:5px;left:5px;top:7px;letter-spacing:.4px}.slot-placeholder{font-size:18px}.field-bottom{gap:4px;margin-top:3px;flex-wrap:wrap}.field-bottom>button,.field-bottom>span{font-size:6px;padding:6px 0;min-height:32px}.field-bottom b{font-size:8px;margin-left:2px}.set-status{font-size:8px;padding-top:7px}.turn-controls{margin-top:14px}.cover{padding:25px 15px}.cover-symbol{font-size:25px;margin-bottom:8px}.cover h2{font-size:23px;margin-bottom:8px}.cover>p:not(.eyebrow){font-size:11px}.cover .primary{min-width:230px;font-size:12px}.hand-panel{padding:16px 13px;margin:0 -3px}.hand-panel h2{font-size:20px;margin-top:13px}.hand-top{gap:5px}.hand-top>span{font-size:7px}.perspective-tabs button{font-size:10px;padding:6px 11px;min-height:34px}.hand-hint{font-size:10px;margin-bottom:10px}.hand{gap:12px;padding:5px 4px 10px;margin:0 -4px}.hand .card{width:112px}.selection-order{width:22px;height:22px;right:5px;top:5px;font-size:10px}.hand-detail{font-size:9px;min-height:39px;padding:6px 0}.hand-card-stats{font-size:8px;gap:7px}.hand-action{gap:8px;padding-top:13px;margin-top:8px}.hand-action>span{font-size:20px;white-space:nowrap}.hand-action small{font-size:9px}.hand-action .primary{min-width:0;padding:12px 14px;gap:12px;font-size:11px;min-height:46px;flex:1;max-width:240px}.panel.manual-panel,.panel.battle-panel,.panel.end-panel{padding:20px 17px}.manual-panel h2{font-size:18px}.manual-panel .primary,.battle-panel .primary,.end-panel .primary{font-size:11px;padding:12px 14px;gap:14px;width:100%;line-height:1.7}.attack-versus strong{font-size:40px}.attack-versus{padding:10px 0}.effect{font-size:12px;padding:13px}.edit-row{gap:8px}.edit-row input{font-size:16px;width:80px}.edit-row label{font-size:10px}.edit-row select{font-size:14px;max-width:100%}.edit-row #move-card{width:100%}.edit-row button{font-size:11px}.result h2{font-size:40px}dialog{width:95vw;padding:33px 20px 24px;max-height:91dvh}.detail-layout{grid-template-columns:1fr;gap:20px}.detail-layout>img{max-width:230px;margin:auto}.detail-layout h2{font-size:22px}.zone-card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rule-copy{margin-top:15px}.rule-copy h1{font-size:31px}.rule-steps{grid-template-columns:1fr;gap:12px;margin:25px 0}.rule-step{padding:20px 20px 17px 66px;position:relative}.rule-step>span{position:absolute;left:19px;top:22px;font-size:24px}.rule-step h2{margin:0 0 8px;font-size:16px}.rule-step p{font-size:11px;margin:0}.qa-search{font-size:16px}.offline-card{padding:20px}.offline-card h2{font-size:19px}.offline-card .primary{font-size:11px;gap:12px;width:100%}}
.choice-panel{border-top:3px solid var(--purple)}.choice-panel h2{font-size:22px}.choice-grid{display:flex;gap:12px;overflow-x:auto;padding:10px 3px 18px}.choice-card{width:120px;flex:0 0 120px;padding:0;border:0;position:relative;text-align:left}.choice-card img{width:100%;border-radius:6px;display:block}.choice-card>span{display:block;font-size:10px;line-height:1.7;margin-top:7px}.choice-card.is-selected img{outline:3px solid var(--purple);outline-offset:2px}.choice-card b{position:absolute;top:6px;right:6px;background:var(--acid);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font:12px ui-monospace,monospace}.choice-card:disabled{opacity:1}.choice-grid>button[aria-pressed=true]:not(.choice-card){background:var(--purple);color:white}.card-back{width:100px;flex:0 0 100px;aspect-ratio:5/7;background:repeating-linear-gradient(45deg,#472563 0 4px,#50316a 4px 5px);color:#e1d3ed;border:5px double #a58abc;font:bold 15px ui-monospace,monospace;display:grid;place-content:center}.card-back small{font-size:10px;text-align:center;margin-top:12px}.choice-panel .hand-action>.primary{min-width:200px}.choice-panel .search-field input{font-size:16px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}