/* Shared Arcanum shell, deck and account styles. */
@font-face{font-family:Barlow;src:url('./assets/fonts/BarlowCondensed-ExtraBold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Barlow;src:url('./assets/fonts/BarlowCondensed-Black.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/fonts/Inter-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('./assets/fonts/Inter-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:dark;--bg:#0b0a0d;--panel:#121114;--inner:#17151b;--line:#35303d;--text:#f4f1f6;--soft:#c9c4cf;--muted:#a49ba9;--gold:#e2b04a;--cyan:#56c8ec;--danger:#ed927f;--green:#86cfa0;--display:Barlow,'Arial Narrow',sans-serif;--body:Inter,Arial,sans-serif;--cut:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 var(--body);min-width:320px}
body:before{content:'';position:fixed;inset:0;background:url('./assets/art/grain.png') repeat;opacity:.16;pointer-events:none;z-index:-1}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{color:inherit;cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.46}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--display);line-height:1.05;font-weight:900}
h1{font-size:clamp(36px,4.2vw,58px);text-transform:uppercase}
h2{font-size:30px}
h3{font-size:25px}
p+p{margin-top:12px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.skip-link{position:fixed;top:-80px;left:20px;padding:12px;background:var(--gold);color:#100d08;z-index:1000}
.skip-link:focus{top:10px}
#main{outline:none}
.app-header{height:88px;border-bottom:1px solid var(--line);background:#100f13e8;display:flex;align-items:center;gap:36px;padding:12px max(24px,calc((100vw - 1480px)/2));position:relative;z-index:10}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none!important;flex-shrink:0}
.brand img{width:48px;height:48px;object-fit:contain}
.brand span{font:900 35px/1 var(--display);letter-spacing:.3px}
.brand small{font:10px var(--body);letter-spacing:2px;display:block;color:var(--muted);margin-top:5px}
.header-nav{display:flex;gap:8px;align-items:center;margin-right:auto}
.header-nav a{font:700 19px var(--display);padding:14px 20px;color:var(--soft);text-transform:uppercase;border-bottom:2px solid transparent}
.header-nav a.active{color:var(--gold);border-color:var(--gold)}
.account-menu{display:flex;gap:16px;align-items:center}
.account-name{font-weight:600;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page{max-width:1480px;margin:0 auto;padding:38px 32px 60px}
.page-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.eyebrow{font-size:10px;line-height:1.5;letter-spacing:2.2px;font-weight:600;text-transform:uppercase;color:var(--gold);margin-bottom:9px}
.subheading{margin-top:12px;color:var(--soft);max-width:720px;font-size:14px}
.button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 23px;border:1px solid #756037;background:var(--panel);color:var(--text);font:700 19px/1.15 var(--display);text-transform:uppercase;letter-spacing:.5px;text-decoration:none;gap:8px;transition:background .15s,border-color .15s,transform .15s;border-radius:1px}
.button:hover:not(:disabled){border-color:var(--gold);background:#28221a;text-decoration:none}
.button:active:not(:disabled){transform:translateY(1px)}
.button.primary{background:var(--gold);border-color:var(--gold);color:#151008}
.button.primary:hover:not(:disabled){background:#f0c36a}
.button.cyan{background:var(--cyan);border-color:var(--cyan);color:#071216}
.button.secondary{border-color:var(--line)}
.button.quiet{border-color:transparent;background:transparent;color:var(--soft);padding:9px 12px}
.button.quiet:hover:not(:disabled){border-color:var(--line);background:var(--panel)}
.button.danger{background:#321a19;border-color:#a55749;color:#ffc0b2}
.button.small{min-height:36px;padding:8px 14px;font-size:16px}
.button.full{width:100%}
.row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.muted{color:var(--muted)}
.soft{color:var(--soft)}
.panel{background:var(--panel);border:1px solid var(--line);position:relative}
.panel-heading{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}
.panel-heading h2,.panel-heading h3{font-size:25px}
.panel-heading .eyebrow{margin:0}
.panel-body{padding:20px}
.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line);font-size:10px;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;color:var(--soft)}
.tag.good{color:var(--green);border-color:#344c3a}
.tag.warning{color:var(--gold);border-color:#5c4927}
.tag.error{color:var(--danger);border-color:#67403a}
.tag.cyan{color:var(--cyan);border-color:#285260}
.state-panel{padding:56px 24px;text-align:center;border:1px solid var(--line);background:#121114c7;max-width:760px;margin:32px auto}
.state-panel h2{font-size:32px}
.state-panel p{color:var(--soft);max-width:580px;margin:14px auto 22px}
.error-panel{border-color:#744238}
.error-panel h2{color:var(--danger)}
.loading-state{border:0;background:transparent}
.spinner{display:inline-block;width:28px;height:28px;border:2px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin .75s linear infinite}
.initial-loading{min-height:100vh;display:grid;place-content:center;text-align:center;gap:20px;color:var(--soft)}
.initial-loading img{width:80px;justify-self:center}
.toasts{position:fixed;right:24px;bottom:24px;z-index:200;display:grid;gap:10px;max-width:480px}
.toast{padding:14px 22px;background:#211c13;border:1px solid var(--gold);box-shadow:0 8px 40px #0009;color:var(--text);animation:toast-in .2s ease-out}
.toast.error{border-color:var(--danger);background:#2d1a18}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-weight:600;color:var(--soft);font-size:12px}
.field small{color:var(--muted);font-size:11px}
.field input,.field textarea,.field select,.toolbar input,.toolbar select{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--line);background:#0b0a0d;color:var(--text);border-radius:1px;caret-color:var(--gold)}
textarea{resize:vertical;min-height:180px;line-height:1.6}
select{min-height:44px;border:1px solid var(--line);padding:10px 14px;background:#0e0d10;color:var(--text);color-scheme:dark}
select option,select optgroup{background-color:#121114;color:#f4f1f6}
@media(forced-colors:active){select{color-scheme:light dark;forced-color-adjust:auto}select option,select optgroup{background-color:Canvas;color:CanvasText;forced-color-adjust:auto}select option:checked{background-color:Highlight;color:HighlightText}}
.form-error{padding:12px;color:#ffb3a4;background:#311a16;border:1px solid #78453a;font-size:13px}
.form-error:empty{display:none}
.checkbox{display:flex;align-items:center;gap:9px;color:var(--soft);font-size:12px;cursor:pointer;min-height:44px}
.checkbox input{accent-color:var(--gold);width:17px;height:17px}
.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.toolbar .search{flex:1;min-width:180px;max-width:420px}
.tabs{display:flex;gap:6px}
.tab{background:none;border:1px solid var(--line);min-height:44px;padding:10px 23px;font:700 19px var(--display);text-transform:uppercase;color:var(--soft)}
.tab.active{color:#151008;background:var(--gold);border-color:var(--gold)}
.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:28px;color:var(--soft);font-size:12px}
.site-footer{max-width:1480px;margin:0 auto;padding:18px 32px 30px;border-top:1px solid #25212b;color:#938a9a;font-size:10px;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap}
.site-footer a{color:var(--muted)}
.auth-page{min-height:calc(100vh - 88px);display:grid;grid-template-columns:minmax(320px,1fr) minmax(390px,.85fr);max-width:1600px;margin:auto}
.auth-art{min-height:650px;position:relative;overflow:hidden;background:linear-gradient(90deg,#0b0a0d10,#0b0a0d),linear-gradient(0deg,#0b0a0d,transparent 55%),url('./assets/art/dark_magician_girl_crop.jpg') center/cover}
.auth-art-copy{position:absolute;left:10%;bottom:70px;max-width:430px}
.auth-art h1{font-size:clamp(64px,7vw,104px);line-height:.95;text-shadow:0 3px 30px #000a}
.auth-art p{color:var(--soft);max-width:340px;margin-top:22px;font-size:15px}
.auth-form-wrap{display:flex;align-items:center;padding:60px 12%;background:linear-gradient(90deg,#0b0a0d,#111015)}
.auth-form{width:100%;max-width:420px}
.auth-form h1{font-size:48px}
.auth-form>p{color:var(--muted);margin-top:13px}
.auth-form form{display:grid;gap:21px;margin-top:32px}
.auth-form .button.primary{margin-top:6px}
.password-wrap{display:flex;border:1px solid var(--line);background:#0b0a0d}
.password-wrap:focus-within{outline:1px solid var(--gold)}
.password-wrap input{border:0!important;box-shadow:none!important;flex:1;min-width:0}
.password-wrap button{padding:0 13px;min-width:60px;border:0;background:none;color:var(--soft);font-size:12px}
.auth-switch{margin-top:24px;color:var(--muted);display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.auth-note{font-size:11px;color:var(--muted);margin-top:24px}
.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.game-tile{min-height:430px;position:relative;overflow:hidden;border:1px solid #4a424d;background:#15121b;display:flex;flex-direction:column;justify-content:end;isolation:isolate;padding:36px;clip-path:var(--cut)}
.game-tile>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-2;opacity:.8;transition:transform .35s}
.game-tile:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c0a0ff5,transparent 100%);z-index:-1}
.game-tile:hover>img{transform:scale(1.035)}
.game-tile h2{font-size:clamp(48px,4vw,76px);text-transform:uppercase}
.game-tile p{color:var(--soft);max-width:380px;margin:14px 0 22px}
.game-tile .row-actions{margin-top:4px}
.game-tile.magic{border-color:#82613a}
.game-tile.ygo{border-color:#35758b}
.home-note{display:flex;justify-content:space-between;gap:24px;padding:24px 0;color:var(--muted);font-size:12px}
.home-note strong{color:var(--soft)}
.deck-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.deck-tile{border:1px solid var(--line);background:var(--panel);min-width:0;display:flex;flex-direction:column;overflow:hidden}
.deck-cover{height:170px;position:relative;background:linear-gradient(135deg,#282132,#100e14);overflow:hidden;cursor:pointer;border:0;padding:0;width:100%;text-align:left}
.deck-cover>img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .3s}
.deck-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111015d9,transparent 65%)}
.deck-cover:hover>img{transform:scale(1.04)}
.deck-cover>.tag{position:absolute;z-index:1;left:14px;bottom:14px;background:#0a090ce6}
.deck-info{padding:18px 18px 16px;display:flex;flex-direction:column;flex:1}
.deck-title{font:900 28px/1.06 var(--display);text-transform:uppercase;min-height:58px;overflow-wrap:anywhere;margin-bottom:12px}
.deck-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 16px}
.deck-info>.row-actions{margin-top:auto}
.deck-info .button{flex:1;padding:9px 10px;font-size:17px}
.deck-extra{display:flex;gap:2px;justify-content:flex-end;border-top:1px solid #24212a;padding:4px 10px}
.deck-extra .button{font-size:13px;padding:6px 9px;min-height:32px}
.color-pips{display:flex;gap:4px}
.color-pips img{height:18px;width:18px}
.deck-issues{margin:12px 0;color:var(--danger);font-size:12px;padding-left:18px}
.editor-page{max-width:1800px}
.editor-top{display:flex;gap:22px;align-items:center;justify-content:space-between;margin-bottom:24px}
.editor-title{min-width:0}
.editor-title h1{font-size:38px;overflow-wrap:anywhere}
.editor-meta{display:flex;gap:10px;align-items:center;margin-top:9px;color:var(--muted);font-size:12px;flex-wrap:wrap}
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.65fr);gap:24px}
.catalog-search{padding:20px 20px 14px;border-bottom:1px solid var(--line)}
.catalog-search .field{margin-bottom:12px}
.filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.filter-row select{max-width:180px;font-size:12px}
.catalog-status{color:var(--muted);font-size:11px;padding:12px 20px 0}
.search-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;padding:18px 20px 20px;min-height:180px}
.search-card{min-width:0;background:#0e0c11;border:1px solid #2c2732;display:flex;flex-direction:column}
.search-card>button:first-child{display:block;position:relative;padding:0;border:0;background:none;aspect-ratio:.714;overflow:hidden}
.search-card .card-image{height:100%;width:100%;object-fit:contain;border-radius:3px}
.search-card-name{font-size:10px;color:var(--soft);line-height:1.45;padding:8px 7px;min-height:43px;overflow-wrap:anywhere}
.search-card .button{margin:0 6px 7px;min-height:32px;font-size:14px;padding:5px}
.card-image{display:block;object-fit:contain;background:#17131e;min-width:0}
.card-image.image-failed{font:12px var(--body);color:var(--muted);border:1px solid #453c4e}
.deck-list-panel{align-self:start;position:sticky;top:16px}
.deck-summary-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--line);font-size:12px;color:var(--soft)}
.deck-sections{max-height:calc(100vh - 340px);min-height:220px;overflow:auto;scrollbar-color:#625343 #141116}
.deck-section-heading{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;background:#1b171f;font:700 18px var(--display);text-transform:uppercase;position:sticky;top:0;z-index:1}
.deck-row{display:flex;align-items:center;gap:9px;min-height:51px;padding:6px 12px;border-bottom:1px solid #27222e}
.deck-row-name{flex:1;text-align:left;border:0;background:transparent;min-height:36px;padding:4px;color:var(--text);font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.deck-row-name:hover{color:var(--gold)}
.quantity-control{display:flex;align-items:center;gap:2px;flex-shrink:0}
.quantity-control button{width:32px;min-height:36px;border:1px solid #37303f;background:#17121d;color:var(--soft);font-size:19px}
.quantity-control output{min-width:23px;text-align:center;font-size:12px}
.deck-row .mana-cost img{width:16px;height:16px}
.deck-save-bar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid var(--line);background:#161219}
.deck-save-bar .button{flex:1}
.deck-save-bar p{font-size:11px;color:var(--muted)}
.inline-empty{padding:30px 18px;text-align:center;font-size:12px;color:var(--muted)}
.import-form{display:grid;gap:20px}
.import-preview{margin-top:20px;padding:16px;border:1px solid var(--line);font-size:13px}
.import-preview .missing{color:var(--danger);max-height:180px;overflow:auto}
.import-mode{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.code-output{font-family:ui-monospace,monospace;font-size:12px;width:100%;min-height:300px}
.mana-cost{display:inline-flex;align-items:center;gap:2px;vertical-align:middle;flex-shrink:0}
.mana-cost img{width:21px;height:21px;object-fit:contain}
.rules-text{color:var(--soft);font-size:13px;line-height:1.65;white-space:normal;overflow-wrap:anywhere}
.rules-text p+p{margin-top:13px}
.rules-text .mana-cost img{width:16px;height:16px}
.card-type{font-size:12px;color:var(--muted);margin:14px 0}
.card-stats{color:var(--cyan);font-weight:600;font-size:13px;margin:14px 0}
.legality{color:var(--muted);border-top:1px solid var(--line);padding-top:14px;font-size:12px;text-transform:capitalize}
.card-inspector{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1fr);gap:30px}
.card-inspector>.card-image{width:100%;max-height:70vh;align-self:start;background:none}
.inspect-copy h2{font-size:36px;line-height:1.08;margin-bottom:16px}
.inspect-copy .button{margin-top:20px}
.modal{color:var(--text);background:var(--panel);border:1px solid #625035;padding:0;width:min(620px,calc(100vw - 30px));max-height:calc(100dvh - 48px);box-shadow:0 30px 100px #000b;overflow:auto}
.modal::backdrop{background:#050408d9;backdrop-filter:blur(3px)}
.modal.wide-modal{width:min(1000px,calc(100vw - 30px))}
.modal-heading{padding:18px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;justify-content:space-between;position:sticky;top:0;background:#17131bf5;z-index:3}
.modal-heading h2{font-size:28px}
.modal-content{padding:24px}
.modal-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;padding:18px 24px;border-top:1px solid var(--line)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.toolbar select{width:auto;min-width:180px}
.button.tab.active:hover{color:#151008;background:var(--gold);border-color:var(--gold)}
.editor-mobile-tabs{display:none}
@media(max-width:960px){.editor-mobile-tabs{display:flex;gap:8px;position:sticky;top:0;z-index:7;padding:10px 0;background:var(--bg);margin-bottom:10px}
.editor-mobile-tabs .button{flex:1}
.editor-layout.show-catalog>.deck-list-panel{display:none}
.editor-layout.show-deck>.catalog-panel{display:none}}
@media(min-width:1800px){.search-results{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1200px){.deck-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.search-results{grid-template-columns:repeat(4,minmax(0,1fr))}
.app-header{gap:22px}
.header-nav a{padding:14px 13px}
.editor-layout{grid-template-columns:minmax(0,1fr) 355px}
.account-name{max-width:140px}}
@media(max-width:960px){.auth-page{grid-template-columns:1fr 1fr}
.auth-art-copy{left:8%;bottom:60px}
.auth-form-wrap{padding:45px 9%}
.auth-art{min-height:620px}
.auth-art h1{font-size:70px}
.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.game-tile{min-height:370px;padding:26px}
.game-tile h2{font-size:52px}
.editor-layout{grid-template-columns:minmax(0,1fr)}
.deck-list-panel{position:static}
.deck-sections{max-height:500px}
.search-results{grid-template-columns:repeat(6,minmax(0,1fr))}
.header-nav{gap:0}
.header-nav a{font-size:17px;padding:14px 10px}
.brand span{font-size:30px}
.brand img{width:40px;height:40px}
.app-header{height:78px;padding:10px 22px;gap:18px}
.account-menu{gap:7px}
.account-menu .button{font-size:15px}
.account-name{font-size:12px;max-width:110px}}
@media(max-width:640px){.app-header{height:auto;min-height:76px;flex-wrap:wrap;padding:12px 18px;gap:10px 16px}
.brand{margin-right:auto}
.brand small{font-size:8px}
.brand span{font-size:29px}
.header-nav{order:3;flex:1 0 100%;margin:0;border-top:1px solid #27212d;padding-top:5px;justify-content:space-between}
.header-nav a{flex:1;text-align:center;padding:10px}
.account-name{max-width:105px}
.account-menu .button{min-height:36px;padding:7px}
.page{padding:26px 18px 40px}
.page-heading{align-items:start;gap:16px;margin-bottom:23px;flex-direction:column}
.page-heading>.row-actions{width:100%}
.page-heading>.row-actions .button{flex:1}
.subheading{font-size:12px;line-height:1.65}
.eyebrow{font-size:9px}
.auth-page{display:flex;flex-direction:column-reverse;min-height:0}
.auth-form-wrap{padding:36px 24px 45px}
.auth-form{max-width:470px;margin:auto}
.auth-form h1{font-size:42px}
.auth-art{min-height:290px}
.auth-art-copy{bottom:25px;left:26px;max-width:260px}
.auth-art h1{font-size:48px}
.auth-art p{font-size:12px;margin-top:12px;max-width:270px}
.game-grid{grid-template-columns:1fr;gap:20px}
.game-tile{min-height:320px}
.game-tile h2{font-size:56px}
.home-note{flex-direction:column;gap:12px;font-size:11px}
.deck-grid{gap:15px}
.deck-cover{height:135px}
.deck-info{padding:13px 12px}
.deck-title{font-size:24px;min-height:52px}
.deck-meta{font-size:9px;flex-wrap:wrap;gap:6px}
.deck-info .button{font-size:15px;min-height:40px;padding:8px}
.deck-extra{justify-content:center;flex-wrap:wrap;padding:3px}
.deck-extra .button{font-size:12px;padding:5px 7px;min-height:34px}
.toolbar{gap:10px}
.toolbar .tabs{width:100%}
.toolbar .tab{flex:1;padding:10px 14px}
.toolbar .search{max-width:none;min-width:180px}
.toolbar select{flex:1;min-width:120px}
.card-inspector{grid-template-columns:1fr;gap:25px}
.card-inspector>.card-image{max-height:55vh;width:auto;max-width:100%;justify-self:center}
.modal{max-height:calc(100dvh - 24px);width:calc(100vw - 24px)}
.modal.wide-modal{width:calc(100vw - 24px)}
.modal-heading{padding:14px 18px;gap:12px}
.modal-heading h2{font-size:25px}
.modal-content{padding:18px}
.modal-actions{padding:16px 18px}
.modal-actions .button{flex:1}
.inspect-copy h2{font-size:31px}
.editor-top{align-items:start;flex-direction:column;gap:16px}
.editor-top>.row-actions{width:100%;flex-wrap:wrap}
.editor-top .button{flex:1;min-width:100px}
.editor-title h1{font-size:34px}
.catalog-search{padding:16px}
.search-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:15px}
.search-card-name{font-size:9px;min-height:39px}
.search-card .button{min-height:35px;font-size:14px}
.deck-row{gap:5px;padding:6px 10px}
.deck-row-name{font-size:11px}
.deck-row .mana-cost{max-width:80px;overflow:hidden}
.deck-row .mana-cost img{width:14px;height:14px}
.quantity-control button{width:34px;min-height:40px}
.deck-save-bar{position:sticky;bottom:0;z-index:2;padding:13px}
.site-footer{padding:18px;font-size:9px;gap:12px}
.toasts{left:16px;right:16px;bottom:16px;max-width:none}
.toast{font-size:12px;padding:12px 17px}}
@media(max-width:370px){.deck-grid{grid-template-columns:1fr}
.deck-cover{height:185px}
.deck-title{min-height:0}
.deck-extra{justify-content:flex-end}
.account-name{display:none}}
@media(max-width:640px){.account-name{max-width:72px;font-size:10px}
.account-menu .button{font-size:13px}
.editor-top>.row-actions{display:grid;grid-template-columns:1fr 1fr}
.editor-top>.row-actions .button{min-width:0}
.button.small,.deck-extra .button,.account-menu .button,.search-card .button,.quantity-control button{min-height:44px}
.quantity-control button{width:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.spinner{border-style:dotted}}
.deck-art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px}
.deck-art-card{min-width:0;border:1px solid #34303b;background:#17131b;overflow:hidden;border-radius:3px}
.deck-art-inspect{position:relative;display:block;border:0;background:#0d0c10;padding:0;width:100%;aspect-ratio:.714;cursor:pointer}
.deck-art-inspect .card-image{width:100%;height:100%;object-fit:contain}
.deck-art-inspect:hover{filter:brightness(1.12)}
.deck-quantity{position:absolute;top:4px;right:4px;min-width:28px;padding:2px 5px;border:1px solid #d1b16a;background:#151009ed;color:#f5d794;font-size:12px;line-height:1.3;font-weight:600;box-shadow:0 2px 6px #0009;pointer-events:none}
.deck-art-name{height:31px;line-height:1.4;font-size:9px;padding:4px 5px 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--soft)}
.deck-art-controls{display:flex;border-top:1px solid #332b38}
.deck-art-controls .button{flex:1;min-width:0;min-height:32px;padding:2px;font:18px var(--body);border:0;border-radius:0;color:#e0d7e7}
.deck-art-controls .button+.button{border-left:1px solid #332b38}
.deck-art-controls .button:hover{background:#382f3c;color:var(--gold)}
@media(max-width:1500px){.deck-art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}}
@media(max-width:960px){.deck-art-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.deck-art-controls .button{min-height:44px}}
@media(max-width:640px){.deck-art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:11px}}
.deck-art-inspect:has(img:not(.image-ready):not(.image-failed)):after{content:'Loading artwork…';position:absolute;left:3px;right:3px;bottom:8px;padding:4px 2px;background:#100d17de;color:#cbbfce;font-size:9px;text-align:center;pointer-events:none}
.card-image:not(.image-ready):not(.image-failed){background:#19141e url('./assets/logo.png') center/35% no-repeat}
@media(min-width:961px){.deck-list-panel{max-height:calc(100dvh - 270px);display:flex;flex-direction:column}
.deck-list-panel>.deck-sections{min-height:120px;flex:1;max-height:none}
.deck-list-panel>.panel-heading,.deck-list-panel>.deck-summary-bar,.deck-list-panel>.deck-save-bar{flex:0 0 auto}}
.desktop-downloads{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.desktop-downloads>span{color:var(--muted)}
.desktop-downloads a{color:var(--soft);text-decoration:underline;text-underline-offset:3px}
/* Native framed library and three-rail deck builder. */
#app:has(.native-screen)>.app-header{display:none}
#app:has(.native-screen)>.site-footer{height:24px;padding:2px 24px;max-width:none;flex-wrap:nowrap;align-items:center;font-size:8px;gap:15px;border:0}
#app:has(.native-screen)>.site-footer>.button{min-height:20px;padding:0 8px;font-size:12px}
.native-screen.page{--accent:#E2B04A;position:relative;width:calc(100% - 40px);height:calc(100dvh - 44px);max-width:none;margin:20px 20px 0;padding:0;display:flex;flex-direction:column;min-height:0;border:1px solid #2E2A34;background:#0A090C url('./assets/art/grain.png');overflow:hidden}
.native-screen.game-mtg{--accent:#E8735A}
.screen-header{height:104px;flex:0 0 104px;padding:13px 23px 16px;display:flex;align-items:flex-start;gap:20px;min-width:0}
.screen-header>.native-back{flex:0 0 56px;--outline:var(--accent)}
.screen-title{flex:1;min-width:0;padding-top:0}.screen-title h1{font-size:44px;text-transform:uppercase;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.4px}
.screen-subtitle{font:11px/1.6 ui-monospace,monospace;letter-spacing:2.7px;text-transform:uppercase;color:#8f8599;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen-actions{display:flex;gap:20px;align-items:center;flex:0 0 auto;margin-top:4px}.screen-actions>.button,.screen-actions>.native-select-shell{min-height:52px;width:195px;padding:8px 16px;font-size:22px;--outline:var(--accent);clip-path:polygon(6% 0,96% 0,100% 15%,94% 100%,0 100%)}
.native-select-shell{position:relative;isolation:isolate;background:transparent}.native-select-shell:before,.native-select-shell:after{content:'';position:absolute;inset:0;clip-path:inherit;z-index:-2;background:var(--accent)}.native-select-shell:after{inset:1.5px;z-index:-1;background:#121114}.native-select-shell select{width:100%;height:100%;min-height:32px;padding:2px 13px;border:0;background:transparent;text-transform:uppercase;font:700 22px var(--display);color:#f4f1f6;text-align:center}
.library-content{flex:1;min-height:0;overflow:auto;position:relative;padding:16px 42px 20px;scrollbar-color:#6c5b37 #111014;scrollbar-width:thin}
.native-deck-grid.deck-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}
.new-deck-tile,.native-deck-tile.deck-tile{height:auto;aspect-ratio:430/420;position:relative;min-width:0;border:1.5px solid var(--accent);background:#111014;color:var(--text);overflow:hidden;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
.new-deck-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;cursor:pointer}.new-deck-tile:hover{background:#1a171e}.new-deck-tile>span{font:100 76px/1 var(--body);color:#938b9f;margin-bottom:30px}.new-deck-tile>h2{font-size:36px;letter-spacing:1px}.new-deck-tile>small{font:10px ui-monospace,monospace;letter-spacing:2.6px;color:var(--muted);margin-top:24px;text-align:center}
.new-deck-tile:after,.native-deck-tile:after{content:'';position:absolute;right:-6px;top:13px;width:40px;height:1.5px;background:var(--accent);transform:rotate(45deg);pointer-events:none;z-index:5}
.native-deck-tile>.deck-cover{position:absolute;inset:0;width:100%;height:100%;background:#111014;border:0;padding:0;display:block;color:var(--text);text-align:left;overflow:hidden;cursor:pointer}
.native-deck-tile>.deck-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88}
.native-deck-tile>.deck-cover:after{inset:0;background:linear-gradient(180deg,#0d0a13a0,transparent 35%,#0a090f 100%);z-index:0}
.deck-title-band{position:absolute;left:23px;right:22px;top:23px;z-index:2}.deck-title-band>.deck-title{font-size:34px;line-height:1.05;text-transform:uppercase;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;letter-spacing:.2px}.deck-title-band>p{font:9px ui-monospace,monospace;letter-spacing:2px;color:#c0b3c8;margin:10px 0 17px}.deck-title-band .color-pips img{width:23px;height:23px}
.deck-tile-meta{position:absolute;left:23px;right:22px;bottom:22px;display:flex;justify-content:space-between;gap:12px;z-index:2;font:12px ui-monospace,monospace;letter-spacing:1.8px;color:var(--soft)}.good{color:#83b87e}.warning{color:var(--gold)}
.native-deck-case{position:absolute;width:174px;height:214px;left:50%;top:56%;transform:translate(-50%,-40%);z-index:2;pointer-events:none;filter:drop-shadow(0 7px 5px #0007);transition:transform .2s}
.case-shadow{position:absolute;left:9px;bottom:0;width:162px;height:13px;background:#0007;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}
.case-spine{position:absolute;left:150px;top:4px;width:24px;height:203px;background:linear-gradient(90deg,#0009,#000b),var(--case-color);clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);border-right:1px solid #bca67d55}
.case-spine:after{content:'';position:absolute;inset:38px 4px 20px;background:repeating-linear-gradient(90deg,#bca67d33 0 1px,transparent 1px 5px)}
.case-top{position:absolute;left:0;top:4px;width:174px;height:17px;background:linear-gradient(#ffffff40,#ffffff20),var(--case-color);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%)}
.case-front{position:absolute;left:0;top:20px;width:150px;height:187px;border:1px solid #bca67d88;background:linear-gradient(#fff1,#0009),var(--case-color);clip-path:polygon(0 0,95% 0,100% 4%,100% 100%,0 100%)}
.case-brand{display:block;height:34px;margin:0 1px;border-bottom:2px solid #0008;text-align:center;font:10px/34px var(--body);color:#e5d2c9;position:relative}.case-brand:before{content:'';position:absolute;top:13px;left:13px;right:13px;height:1px;background:#e4ba5c99}
.case-brand{font-size:10px;line-height:13px;padding-top:17px}
.case-inset{position:absolute;left:10px;top:41px;width:130px;height:123px;border:1px solid #dfb75e99;overflow:hidden;background:#100d17}.case-inset:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#100a15df)}.case-inset>.card-image{width:100%;height:100%;object-fit:cover;background:none}.case-inset>.case-emblem{position:absolute;left:25%;top:22%;width:50%;height:56%;object-fit:contain;opacity:.7}
.case-clasp{position:absolute;width:26px;height:16px;bottom:6px;left:62px;border:1px solid #d9b45c99;background:#171014;clip-path:polygon(0 0,85% 0,100% 25%,100% 100%,0 100%)}.case-clasp:after{content:'';position:absolute;width:6px;height:6px;background:#ddb349;left:9px;top:4px;transform:rotate(45deg)}
.deck-tile-actions{position:absolute;right:14px;top:36%;z-index:4;display:flex;flex-direction:column;gap:6px;width:100px;opacity:0;pointer-events:none;transition:opacity .15s}.deck-tile-actions .button{padding:6px 8px;font-size:17px;min-height:38px;background:#151016;border:1px solid var(--accent)}
.deck-tile-actions .button.primary{background:var(--accent);color:#11100b;border-color:var(--accent)}
.native-deck-tile>.deck-extra{position:absolute;left:auto;right:14px;bottom:16%;width:100px;display:flex;flex-direction:column;gap:5px;padding:0;border:0;background:none;z-index:4;opacity:0;pointer-events:none}.native-deck-tile>.deck-extra>.button{font-size:14px;min-height:31px;padding:4px 8px;border:1px solid var(--accent);background:#151016;color:var(--text)}
.native-deck-tile:hover>.deck-tile-actions,.native-deck-tile:focus-within>.deck-tile-actions,.native-deck-tile:hover>.deck-extra,.native-deck-tile:focus-within>.deck-extra{opacity:1;pointer-events:auto}.native-deck-tile:hover .native-deck-case,.native-deck-tile:focus-within .native-deck-case{transform:translate(-78%,-40%) scale(.92)}
.deck-more.button{display:none}.deck-action-menu{display:grid;grid-template-columns:1fr 1fr;gap:14px}.deck-action-menu>.button{min-height:48px;clip-path:polygon(6% 0,96% 0,100% 15%,94% 100%,0 100%)}
@media(hover:none){.native-deck-tile>.deck-tile-actions{top:auto;bottom:39px;left:12px;right:12px;width:auto;display:flex;flex-direction:row;opacity:1;pointer-events:auto;gap:6px}.native-deck-tile>.deck-tile-actions>.button{flex:1;min-width:0;min-height:34px}.native-deck-tile>.deck-extra{display:none}.native-deck-tile>.deck-more.button{display:block;position:absolute;right:10px;top:12px;z-index:6;min-height:28px;padding:4px 7px;font-size:12px;border:1px solid var(--accent);background:#141016;color:var(--text)}.native-deck-tile .deck-title-band{right:72px}}
@media(max-width:640px){.native-deck-tile>.deck-more.button{display:block;position:absolute;right:7px;top:9px;z-index:6;min-height:27px;padding:3px 5px;font-size:11px;border:1px solid var(--accent);background:#141016;color:var(--text)}.native-deck-tile .deck-title-band{right:49px}.deck-action-menu{grid-template-columns:1fr}}
.library-bottom{flex:0 0 76px;display:grid;grid-template-columns:minmax(0,1fr) auto 190px;gap:25px;align-items:center;padding:5px 42px 12px}.library-bottom>.button{min-height:42px;font-size:20px;clip-path:polygon(6% 0,96% 0,100% 15%,94% 100%,0 100%)}.library-catalog{font:8px ui-monospace,monospace;letter-spacing:.5px;color:#80738e;overflow:hidden}.library-catalog input{display:block;margin-top:8px;width:min(260px,100%);height:30px;min-height:30px;padding:4px 8px;background:#0c0a10;border:1px solid #3c3247;color:var(--text);font:11px var(--body)}
.library-paging{display:flex;gap:12px;align-items:center;white-space:nowrap}.library-paging>.button{min-height:36px;min-width:100px;padding:4px 10px;font-size:17px;clip-path:polygon(6% 0,96% 0,100% 15%,94% 100%,0 100%)}.library-paging>span{font:11px ui-monospace,monospace;color:var(--muted)}.library-empty{position:absolute;left:31%;top:25%;right:30px}.library-empty h2{font-size:40px;line-height:1.15}.library-empty p{color:var(--muted);margin-top:25px;max-width:600px}
.native-library .library-empty{position:static;grid-column:1/-1;align-self:center;padding:20px;min-width:0;background:none}.native-library .library-empty-with-new{grid-column:2/-1}
@media(max-width:640px){.native-library .library-empty-with-new{grid-column:1/-1}.native-library .library-empty{padding:10px 2px}}
@media(min-width:1101px) and (max-height:800px){.native-deck-grid .new-deck-tile,.native-deck-grid .native-deck-tile{max-height:calc(100dvh - 262px)}.native-library .native-deck-case{transform:translate(-50%,-40%) scale(.82)}.native-library .native-deck-tile:hover .native-deck-case,.native-library .native-deck-tile:focus-within .native-deck-case{transform:translate(-78%,-40%) scale(.78)}.native-library .deck-tile-actions{top:30%}.native-library .native-deck-tile>.deck-extra{bottom:15%}}
@media(min-width:641px) and (max-width:1100px) and (max-height:800px){.native-deck-grid .new-deck-tile,.native-deck-grid .native-deck-tile{max-height:calc(100dvh - 312px)}.native-library .native-deck-case{transform:translate(-50%,-40%) scale(.82)}.native-library .native-deck-tile:hover .native-deck-case,.native-library .native-deck-tile:focus-within .native-deck-case{transform:translate(-78%,-40%) scale(.78)}.native-library .deck-tile-actions{top:30%}.native-library .native-deck-tile>.deck-extra{bottom:15%}}
.native-editor .editor-top{display:block;flex:0 0 104px;margin:0}.native-editor .screen-header{padding-bottom:10px}.editor-name-input{background:#0b090f;border:1px solid #39313e;width:100%;height:55px;font:900 42px/1 var(--display);text-transform:uppercase;color:var(--text);padding:3px 14px;min-width:0}
.native-editor .screen-actions{gap:14px}.native-editor .screen-actions>.button{width:120px;font-size:21px}.native-editor .editor-layout{display:grid;grid-template-columns:22.5% minmax(0,1fr) 23.6%;gap:1.6%;flex:1;min-height:0;padding:0 19px 10px}.native-editor.game-ygo .editor-layout{column-gap:4.5%}
.native-editor .panel{background:#0e0c12 url('./assets/art/grain.png');border:1px solid #332d3b;min-width:0;min-height:0;position:relative;overflow:hidden}.native-editor .panel:after{content:'';position:absolute;right:0;top:10px;width:28px;height:1px;background:var(--accent);transform:rotate(45deg);pointer-events:none}
.native-editor .panel-heading{padding:0;border:0;height:50px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 50px}.native-editor .panel-heading h2{background:var(--accent);height:50px;color:#13100e;font-size:26px;letter-spacing:3px;padding:9px 24px;clip-path:polygon(0 0,100% 0,94% 100%,0 100%);white-space:nowrap}.native-editor .panel-heading>.button{font-size:13px;width:140px;margin-right:24px;min-height:34px;padding:6px 8px;clip-path:polygon(7% 0,96% 0,100% 15%,93% 100%,0 100%)}
.editor-detail{display:flex;flex-direction:column;min-height:0}.editor-detail-copy{flex:1;min-height:0;overflow:auto;padding:14px 23px 18px;scrollbar-width:thin}.editor-detail-copy>.detail-crop{width:100%;height:clamp(180px,28dvh,300px);object-fit:cover;aspect-ratio:auto}.editor-detail-copy>h3{font-size:32px;line-height:1.05;text-transform:uppercase;margin:22px 0 26px;overflow-wrap:anywhere}.editor-detail-copy>.mana-cost{margin:6px 0 0}.editor-detail-copy>.mana-cost img{width:30px;height:30px}.detail-caption{font:10px/1.5 ui-monospace,monospace;letter-spacing:2px;color:#908399;text-transform:uppercase;margin:12px 0 18px}.editor-detail-copy>.card-type{font-size:15px;line-height:1.5;margin:15px 0;color:var(--soft)}.editor-detail-copy>.card-stats{font:600 17px ui-monospace,monospace;color:var(--accent);margin:18px 0}.editor-detail-copy>.rules-text{font-size:14px;line-height:1.5;margin-top:22px}.detail-empty{padding:30px 23px;color:var(--muted);font-size:13px}
.detail-card-controls{flex:0 0 auto;padding:10px 17px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;border-top:1px solid #322a3a}.detail-card-controls>.button{min-height:36px;padding:4px;font-size:22px;clip-path:polygon(6% 0,94% 0,100% 15%,94% 100%,0 100%)}.detail-card-controls>output{font:11px ui-monospace,monospace;align-self:center;text-align:center;color:var(--muted)}.detail-card-controls>.button:last-child{grid-column:1/-1;font-size:19px}
.native-editor .native-deck-canvas{position:static;align-self:stretch;display:flex;flex-direction:column;border:0;background:none;min-height:0;max-height:none;overflow:hidden}.native-editor .deck-sections{max-height:none;min-height:0;flex:1;overflow:auto;scrollbar-width:thin;padding-right:3px}.native-editor .deck-section-heading{font:700 22px var(--display);background:none;border-bottom:1px solid #79613b88;padding:0 0 4px;line-height:1.1;margin-bottom:9px;position:relative;display:flex;justify-content:flex-start;gap:12px}.native-editor .deck-art-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px 7px;padding:0 0 25px}.native-editor.game-ygo .deck-art-grid{grid-template-columns:repeat(10,minmax(0,1fr))}
.native-editor .deck-art-card{border:1px solid #2e2738;background:#0b090f;min-width:0;position:relative;border-radius:0;overflow:hidden}.native-editor .deck-art-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.native-editor .deck-art-inspect{width:100%;aspect-ratio:.69;display:block;padding:0;border:0;background:#17131d;position:relative}.native-editor .deck-art-inspect img{width:100%;height:100%;object-fit:contain}.native-editor .deck-quantity{font-size:10px;top:2px;right:2px;min-width:20px;padding:1px 3px}.native-editor .deck-art-controls{display:flex;background:#100d17;border-top:1px solid #37303d}.native-editor .deck-art-controls>.button{min-height:22px;line-height:1;padding:0;font-size:15px;flex:1;border:0;border-radius:0;background:none;color:var(--soft)}.native-editor .deck-art-controls>.button+.button{border-left:1px solid #37303d}.empty-card-slot{aspect-ratio:.69;border:1px dashed #302936;background:#0c0a0f22}
.native-deck-summary{height:210px;flex:0 0 210px;display:grid;grid-template-columns:140px minmax(0,1fr) 230px;gap:20px;margin:0 0 22px;min-width:0}.native-deck-summary>.card-image{height:210px;width:140px;object-fit:contain;background:none}.deck-summary-copy{min-width:0}.deck-summary-copy>.detail-caption{margin:2px 0 8px}.deck-summary-copy h2{font-size:33px;line-height:1.05;text-transform:uppercase;overflow:hidden;max-height:70px;margin-bottom:12px}.deck-summary-copy .color-pips img{width:23px;height:23px}.deck-summary-copy>strong{font:600 39px/1.2 ui-monospace,monospace;display:block;margin-top:28px}.deck-summary-copy>p:last-child{font:9px ui-monospace,monospace;margin-top:8px}
.native-mana-curve{display:flex;flex-direction:column;min-height:0}.native-mana-curve>p{font:10px ui-monospace,monospace;letter-spacing:2px;color:var(--muted);margin:4px 0 18px}.curve-bars{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;align-items:end;flex:1;min-height:0;padding-bottom:20px}.curve-bars>div{height:100%;position:relative;display:flex;align-items:center;justify-content:end;flex-direction:column;padding-top:15px}.curve-bars i{background:linear-gradient(var(--accent),#b45d45);display:block;width:100%;min-height:0;max-height:100%}.curve-count{font:10px ui-monospace,monospace;color:var(--soft);margin-bottom:5px}.curve-bars small{position:absolute;bottom:-22px;font:10px ui-monospace,monospace;color:var(--muted)}
.native-editor .catalog-panel{display:flex;flex-direction:column}.native-editor .catalog-search{padding:20px 23px 7px;border:0}.native-editor .catalog-search>input{width:100%;height:50px;background:#0a0810;border:1px solid #3e3247;padding:10px 13px;color:var(--text);font-size:16px}.native-editor .filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.native-editor .filter-row select{min-width:0;max-width:none;width:100%;min-height:34px;padding:5px 7px;font:700 15px var(--display);text-transform:uppercase}.native-editor .filter-row .checkbox{min-height:26px;font:11px var(--body);grid-column:1/-1}.native-search-results{flex:1;min-height:0;display:flex;flex-direction:column}.native-editor .catalog-status{padding:8px 23px 11px;font:10px ui-monospace,monospace;letter-spacing:1px;flex:0 0 auto}.native-editor .search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:0;flex:1;overflow:auto;padding:0 23px 8px;align-content:start;scrollbar-width:thin}.native-editor.game-ygo .search-results{grid-template-columns:repeat(4,minmax(0,1fr))}.native-editor .search-card{position:relative;border:1px solid #2f2836;background:#121017;min-width:0;aspect-ratio:.69;overflow:hidden}.native-editor .search-card>button:first-child{width:100%;height:100%;display:block;aspect-ratio:auto;padding:0;border:0;background:none}.native-editor .search-card>button:first-child img{width:100%;height:100%;object-fit:contain;border-radius:0}.native-editor .search-card>.button{position:absolute;bottom:2px;right:2px;min-height:20px;margin:0;min-width:35px;padding:2px 5px;font-size:12px;background:#151019dd;border:1px solid #987647;color:var(--text);clip-path:polygon(7% 0,96% 0,100% 15%,93% 100%,0 100%)}.native-editor .pagination{margin:0;padding:10px 23px 14px;gap:10px;justify-content:space-between;flex:0 0 auto;font:10px ui-monospace,monospace}.native-editor .pagination>.button{font-size:15px;min-height:32px;min-width:72px;padding:4px 8px;clip-path:polygon(7% 0,96% 0,100% 15%,93% 100%,0 100%)}
.native-editor .search-results{grid-auto-rows:max-content;align-items:start}.native-editor .search-card{aspect-ratio:auto;align-self:start;display:block}.native-editor .search-card>button:first-child{height:auto;aspect-ratio:.69;flex:none}.native-editor .search-card>button:first-child img{height:auto;aspect-ratio:.69;display:block}
@media(min-width:901px) and (max-height:700px){.native-editor .editor-detail-copy{padding:10px 15px 14px}.native-editor .editor-detail-copy>.detail-crop{height:120px}.native-editor .editor-detail-copy>h3{font-size:24px;line-height:1.05;margin:13px 0 15px}.native-editor .editor-detail-copy>.detail-caption{font-size:8px;line-height:1.4;letter-spacing:1.5px;margin:5px 0 9px}.native-editor .editor-detail-copy>.detail-caption~.detail-caption{display:none}.native-editor .editor-detail-copy>.card-type{font-size:12px;line-height:1.4;margin:8px 0}.native-editor .editor-detail-copy>.card-stats{font-size:13px;margin:9px 0}.native-editor .editor-detail-copy>.rules-text{font-size:12px;line-height:1.45;margin-top:10px}.native-editor .detail-card-controls{grid-template-columns:36px minmax(0,1fr) 36px minmax(80px,1.3fr);padding:8px 12px;gap:6px}.native-editor .detail-card-controls>.button{min-height:32px;font-size:19px}.native-editor .detail-card-controls>.button:last-child{grid-column:auto;font-size:15px}.native-editor .detail-card-controls>output{font-size:9px}}
.editor-status{flex:0 0 20px;padding:0 28% 4px;margin:0;font:10px ui-monospace,monospace;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:901px) and (max-height:700px){.native-editor .catalog-panel>.panel-heading,.native-editor .catalog-panel>.panel-heading h2{height:40px;flex-basis:40px}.native-editor .catalog-panel>.panel-heading h2{padding-top:7px;padding-bottom:7px}.native-editor .catalog-search{padding:10px 15px 4px}.native-editor .catalog-search>input{height:40px;padding:7px 10px;font-size:14px}.native-editor .filter-row{gap:5px 8px;margin-top:8px}.native-editor .filter-row select{height:30px;min-height:30px;padding:3px 6px}.native-editor .filter-row .checkbox{min-height:22px;font-size:10px}.native-editor .catalog-status{padding:5px 15px 7px;font-size:9px}.native-editor .pagination{padding:7px 15px 9px}.native-editor .pagination>.button{min-height:30px}.native-editor .search-results{padding-left:15px;padding-right:15px}}
@media(min-width:1300px) and (max-height:700px){.native-editor.game-mtg .search-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}}
@media(max-width:1500px){.screen-actions{gap:12px}.screen-actions>.button,.screen-actions>.native-select-shell{width:155px;font-size:20px}.screen-title h1{font-size:38px}.native-editor .screen-actions>.button{width:96px;font-size:19px}.editor-name-input{font-size:34px}.native-deck-summary{grid-template-columns:105px minmax(0,1fr) 160px;gap:13px;height:165px;flex-basis:165px}.native-deck-summary>.card-image{width:105px;height:165px}.deck-summary-copy h2{font-size:27px;max-height:60px}.deck-summary-copy>strong{font-size:30px;margin-top:15px}.deck-summary-copy .color-pips img{width:18px;height:18px}.native-editor .panel-heading h2{font-size:22px;padding:10px 16px;letter-spacing:1.8px}.native-editor .panel-heading>.button{width:110px;margin-right:14px}.editor-detail-copy{padding:14px 16px}.editor-detail-copy>h3{font-size:27px}.editor-detail-copy>.rules-text{font-size:12px}.native-editor .catalog-search{padding:17px 15px 5px}.native-editor .search-results{padding-left:15px;padding-right:15px;gap:7px}.native-editor .catalog-status{padding-left:15px;padding-right:15px}.native-editor .filter-row select{font-size:13px}.deck-title-band>.deck-title{font-size:29px}.native-deck-case{transform:translate(-50%,-40%) scale(.88)}}
@media(max-width:1100px){.native-library .screen-header{height:154px;flex-basis:154px;flex-wrap:wrap;gap:8px 14px}.native-library .screen-title{flex-basis:calc(100% - 80px)}.native-library .screen-actions{width:100%;padding-left:70px;margin:0;gap:12px}.native-library .screen-actions>.button,.native-library .screen-actions>.native-select-shell{flex:1;min-width:0;width:auto;min-height:42px;font-size:19px;padding:5px 8px}.native-library .native-select-shell select{font-size:18px}.native-deck-grid.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.library-content{padding:15px 26px 20px}.library-bottom{padding:4px 26px 10px;gap:15px;grid-template-columns:minmax(0,1fr) auto 130px}.library-catalog{font-size:7px}.library-paging>.button{min-width:70px;font-size:15px}.library-paging{gap:8px}.library-empty{left:28px;top:55%;background:#0c0910d9;padding:20px}.library-empty h2{font-size:30px}#app:has(.native-screen)>.site-footer>span:nth-of-type(2){display:none}.native-editor .screen-actions{gap:7px}.native-editor .screen-actions>.button{width:72px;font-size:17px;padding:6px}.editor-name-input{font-size:28px}.native-editor .screen-header{gap:12px;padding-left:15px;padding-right:15px}.native-editor .editor-layout{gap:14px;grid-template-columns:23% minmax(0,1fr) 26%;padding-left:14px;padding-right:14px}.native-editor.game-ygo .editor-layout{column-gap:14px}.native-deck-summary{grid-template-columns:75px minmax(0,1fr);height:125px;flex-basis:125px}.native-deck-summary>.card-image{width:75px;height:125px}.native-mana-curve{display:none}.deck-summary-copy h2{font-size:24px;max-height:50px}.deck-summary-copy>strong{font-size:27px;margin-top:8px}.deck-summary-copy>p:last-child{font-size:8px}.native-editor .panel-heading h2{font-size:19px;padding:12px 10px;letter-spacing:1px}.native-editor .panel-heading>.button{width:74px;font-size:10px;margin-right:8px}.native-editor .deck-art-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.native-editor.game-ygo .deck-art-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.editor-detail-copy>h3{font-size:23px}.detail-card-controls{padding:8px}.detail-card-controls>output{font-size:9px}}
@media(max-width:900px){.native-editor .screen-header{height:auto;min-height:140px;flex-wrap:wrap}.native-editor .editor-top{flex-basis:auto;min-height:140px}.native-editor .screen-title{flex-basis:calc(100% - 80px)}.native-editor .screen-actions{flex:1 0 100%;padding-left:68px}.native-editor .screen-actions>.button{flex:1;width:auto;min-width:0;height:40px;min-height:40px}.native-editor .editor-mobile-tabs{display:flex;position:static;margin:0;padding:0 15px 10px;gap:8px;background:none}.native-editor .editor-mobile-tabs>.button{flex:1;font-size:18px;padding:8px;min-height:40px;clip-path:polygon(7% 0,96% 0,100% 15%,93% 100%,0 100%)}.native-editor .editor-layout,.native-editor.game-ygo .editor-layout{display:flex;flex-direction:column;padding:0 15px 10px;gap:0}.native-editor .editor-layout>*{flex:1;width:100%;min-height:0}.native-editor .show-deck>.editor-detail,.native-editor .show-deck>.catalog-panel,.native-editor .show-detail>.native-deck-canvas,.native-editor .show-detail>.catalog-panel,.native-editor .show-catalog>.editor-detail,.native-editor .show-catalog>.native-deck-canvas{display:none}.native-editor .show-catalog>.catalog-panel{display:flex}.native-editor .native-deck-canvas{position:static}.native-editor .deck-art-grid,.native-editor.game-ygo .deck-art-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.native-editor .editor-detail-copy>.detail-crop{height:240px}.editor-detail-copy{padding:16px 22px}.editor-detail-copy>h3{font-size:30px}.editor-detail-copy>.rules-text{font-size:14px}.native-editor .search-results,.native-editor.game-ygo .search-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.native-editor .search-card>.button{min-height:28px;font-size:14px}.native-editor .detail-card-controls .button{min-height:44px}.native-editor .deck-art-controls>.button{min-height:28px}.editor-status{padding-left:16px;padding-right:16px;font-size:9px}.native-deck-summary{grid-template-columns:105px minmax(0,1fr) 160px;height:160px;flex-basis:160px}.native-deck-summary>.card-image{width:105px;height:160px}.native-mana-curve{display:flex}}
@media(max-width:640px){.native-screen.page{width:calc(100% - 16px);margin:8px 8px 0;height:calc(100dvh - 52px)}#app:has(.native-screen)>.site-footer{height:44px;padding:4px 10px;gap:8px;font-size:7px}#app:has(.native-screen)>.site-footer>span:first-child{display:none}.desktop-downloads{gap:8px}.desktop-downloads>span{display:none}.native-library .screen-header{padding:12px 13px;height:134px;flex-basis:134px;gap:6px 12px}.screen-header>.native-back{width:44px;height:44px;min-height:44px;flex-basis:44px;font-size:28px}.screen-title h1{font-size:29px}.screen-subtitle{font-size:8px;letter-spacing:1.5px}.native-library .screen-title{flex-basis:calc(100% - 62px)}.native-library .screen-actions{padding-left:0;gap:6px}.native-library .screen-actions>.button,.native-library .screen-actions>.native-select-shell{font-size:15px;min-height:40px;padding:5px 6px}.native-library .native-select-shell select{font-size:15px;padding:1px 3px}.library-content{padding:10px 12px 15px}.native-deck-grid.deck-grid{gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.new-deck-tile,.native-deck-tile.deck-tile{aspect-ratio:1/1.2;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}.new-deck-tile{padding:10px}.new-deck-tile>span{font-size:46px;margin-bottom:15px}.new-deck-tile>h2{font-size:25px}.new-deck-tile>small{font-size:7px;letter-spacing:1px;margin-top:16px}.deck-title-band{left:12px;right:10px;top:13px}.deck-title-band>.deck-title{font-size:22px;line-height:1;white-space:normal;max-height:45px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.deck-title-band>p{font-size:6px;letter-spacing:1px;margin:8px 0}.deck-title-band .color-pips img{width:15px;height:15px}.native-deck-case{top:56%;transform:translate(-50%,-40%) scale(.55)}.deck-tile-meta{left:12px;right:10px;bottom:12px;font-size:8px;letter-spacing:0}.deck-tile-actions{top:auto;bottom:32px;right:7px;left:7px;width:auto;opacity:1;pointer-events:auto;flex-direction:row;gap:4px}.deck-tile-actions>.button{flex:1;min-width:0;min-height:29px;padding:3px 4px;font-size:13px}.native-deck-tile>.deck-extra{display:none}.native-deck-tile:hover .native-deck-case,.native-deck-tile:focus-within .native-deck-case{transform:translate(-50%,-40%) scale(.55)}.library-bottom{flex-basis:82px;padding:3px 12px 10px;grid-template-columns:1fr auto;gap:5px 12px}.library-catalog{grid-row:2;grid-column:1;font-size:0}.library-catalog input{margin:0;width:100%;height:30px;font-size:10px}.library-paging{grid-row:1;grid-column:1/-1;justify-content:center}.library-paging>.button{min-height:30px;min-width:76px;font-size:15px}.library-bottom>.button{grid-row:2;grid-column:2;width:100%;min-height:30px;font-size:15px}.library-empty{left:20px;right:20px;top:55%;padding:12px}.library-empty h2{font-size:23px}.library-empty p{font-size:11px;margin-top:10px}.native-editor .screen-header{padding:9px 12px;min-height:123px;gap:6px 10px}.native-editor .editor-top{min-height:123px}.native-editor .screen-title{flex-basis:calc(100% - 58px)}.editor-name-input{height:44px;padding:4px 8px;font-size:26px}.native-editor .screen-actions{padding-left:0;gap:5px;margin-top:0}.native-editor .screen-actions>.button{font-size:15px;height:36px;min-height:36px;padding:5px 4px}.native-editor .editor-mobile-tabs{padding:0 11px 8px;gap:5px}.native-editor .editor-mobile-tabs>.button{font-size:16px;min-height:36px;padding:5px}.native-editor .editor-layout,.native-editor.game-ygo .editor-layout{padding:0 11px 7px}.native-editor .deck-art-grid,.native-editor.game-ygo .deck-art-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.native-editor .deck-art-controls>.button{min-height:33px;font-size:19px}.native-editor .deck-section-heading{font-size:21px}.native-deck-summary{grid-template-columns:80px minmax(0,1fr);height:128px;flex-basis:128px;gap:12px;margin-bottom:15px}.native-deck-summary>.card-image{width:80px;height:128px}.native-mana-curve{display:none}.deck-summary-copy h2{font-size:25px;max-height:52px}.deck-summary-copy>strong{font-size:28px;margin-top:8px}.native-editor .search-results,.native-editor.game-ygo .search-results{grid-template-columns:repeat(3,minmax(0,1fr))}.native-editor .panel-heading>.button{width:100px;font-size:13px}.native-editor .catalog-search{padding:14px 15px 4px}.native-editor .catalog-search>input{height:44px;font-size:14px}.native-editor .filter-row{margin-top:10px;gap:8px}.native-editor .pagination{padding:8px 15px 10px}.native-editor .pagination>.button{min-height:36px}.native-editor .editor-detail-copy>.detail-crop{height:230px}.editor-status{font-size:8px;flex-basis:20px}.editor-detail-copy>.card-type{font-size:14px}}
/* Native home: profile at top, dominant PLAY, full original art and navigation rail. */
#app:has(.native-auth)>.app-header{display:none}#app:has(.native-auth)>.site-footer{height:62px;padding:8px 32px;max-width:none;align-items:center;flex-wrap:nowrap;border:0;font-size:9px;gap:16px}#app:has(.native-auth)>.site-footer>.button{min-height:34px;padding:6px 10px;font-size:15px}
.native-auth.auth-page{position:relative;isolation:isolate;display:block;max-width:none;min-height:calc(100dvh - 62px);background:#060507;overflow:hidden}.native-auth-art{position:absolute;right:-1%;top:-4%;width:64%;height:112%;object-fit:cover;object-position:center;z-index:-3}.native-auth-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#060507f5 0%,#060507d9 40%,transparent 75%),url('./assets/art/grain.png') repeat}
.native-auth-content{position:relative;padding:10dvh 0 32px;margin-left:7.3%;width:620px;max-width:45%}.native-auth-brand>img{width:70px;height:70px;object-fit:contain;display:block;margin-bottom:22px}.native-auth-brand>h1{font:900 clamp(90px,min(10.4vw,18.5dvh),200px)/.95 var(--display);letter-spacing:3.5px;margin-left:-7px;white-space:nowrap}.native-mana-line{display:flex;height:7px;width:420px;max-width:70%;gap:3px;margin:25px 0 35px}.native-mana-line>i{flex:1;background:#e7dfbc}.native-mana-line>i:nth-child(2){background:#5ab8e4}.native-mana-line>i:nth-child(3){background:#746a83}.native-mana-line>i:nth-child(4){background:#e8735a}.native-mana-line>i:nth-child(5){background:#81bf8c}
.native-auth-panel.auth-form-wrap{display:block;width:100%;padding:0;background:#101014 url('./assets/art/grain.png');border:1px solid #443743;position:relative}.native-auth-panel>.panel-heading{padding:0;height:46px;border:0}.native-auth-panel>.panel-heading h2{height:46px;padding:8px 24px;background:var(--gold);font-size:25px;color:#14100a;letter-spacing:3px;min-width:225px;clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}
.native-auth .auth-form{max-width:none;padding:21px 28px 18px}.native-auth .auth-form>.eyebrow,.native-auth .auth-form>h1,.native-auth .auth-form>p,.native-auth .auth-note{display:none}.native-auth .auth-form form{margin:0;gap:16px}.native-auth .field input{min-height:46px;height:46px;font-size:16px}.native-auth .field small{font-size:10px}.native-auth .auth-switch{margin-top:13px;font-size:11px;gap:8px}.native-auth .auth-switch>.button{min-height:32px;font-size:16px;padding:5px 9px}.native-auth .auth-form .button.primary{margin-top:0;min-height:48px;font-size:25px;clip-path:polygon(3% 0,98% 0,100% 16%,97% 100%,0 100%)}.native-auth.register-auth .native-auth-content{padding-top:5dvh}.native-auth.register-auth .native-auth-brand>img{height:48px;width:48px;margin-bottom:15px}.native-auth.register-auth .native-auth-brand>h1{font-size:clamp(80px,min(9vw,15.5dvh),170px)}
@media(min-width:641px) and (max-height:800px){.native-auth .native-auth-content{padding-top:30px}.native-auth .native-auth-brand{display:flex;align-items:center;gap:20px}.native-auth .native-auth-brand>img{height:45px;width:45px;margin:0}.native-auth .native-auth-brand>h1{font-size:clamp(78px,14dvh,112px);margin:0}.native-auth .native-mana-line{margin:16px 0 20px;height:5px}.native-auth .auth-form{padding:17px 25px}.native-auth .field input{min-height:42px;height:42px}.native-auth .field small{display:none}.native-auth .auth-form form{gap:12px}.native-auth .auth-switch{margin-top:10px}.native-auth .auth-form .button.primary{min-height:42px;font-size:23px}}
@media(max-width:640px){.native-auth.auth-page{min-height:calc(100dvh - 94px)}.native-auth-art{width:145%;height:100%;right:-65%;opacity:.7}.native-auth-shade{background:linear-gradient(90deg,#060507ee,#06050770),url('./assets/art/grain.png')}.native-auth .native-auth-content{width:auto;max-width:none;margin:0;padding:42px 22px 30px}.native-auth .native-auth-brand{display:flex;align-items:center;gap:12px}.native-auth .native-auth-brand>img{width:42px;height:42px;margin:0}.native-auth .native-auth-brand>h1{font-size:75px;letter-spacing:1px;margin:0}.native-auth .native-mana-line{width:100%;max-width:none;height:5px;margin:22px 0 28px}.native-auth .auth-form{padding:20px}.native-auth .field input{height:46px}.native-auth .auth-switch{font-size:10px}.native-auth.register-auth .native-auth-content{padding-top:32px}.native-auth.register-auth .native-auth-brand>h1{font-size:75px}#app:has(.native-auth)>.site-footer,#app[data-screen=home]>.site-footer{height:auto;min-height:94px;padding:14px 20px;flex-wrap:wrap;font-size:8px;gap:8px 15px}.native-auth-panel>.panel-heading h2{font-size:23px;min-width:210px}}
.native-outline.button{--outline:var(--accent,var(--gold));--surface:#121114;border:0!important;background:transparent!important;position:relative;isolation:isolate}
.native-outline:before,.native-outline:after{content:'';position:absolute;pointer-events:none;clip-path:inherit}.native-outline:before{inset:0;background:var(--outline);z-index:-2}.native-outline:after{inset:1.5px;background:var(--surface);z-index:-1}.native-outline:hover:not(:disabled):after{background:#25232b}
.native-outline.primary{--surface:var(--accent,var(--gold));color:#11100c}.native-outline.primary:hover:not(:disabled):after{background:var(--accent,var(--gold));filter:brightness(1.12)}
#app[data-screen=home]>.site-footer,#app[data-screen=choose]>.site-footer{height:62px;padding:8px 32px;max-width:none;align-items:center;flex-wrap:nowrap;border-top:0;font-size:9px;gap:16px}
#app[data-screen=home]>.site-footer>.button,#app[data-screen=choose]>.site-footer>.button{min-height:34px;padding:6px 10px;font-size:15px}
#app[data-screen=home]>.app-header,#app[data-screen=choose]>.app-header{display:none}
.native-home{--accent:var(--cyan);height:calc(100dvh - 62px);min-height:0;position:relative;isolation:isolate;overflow:hidden;background:#08090c}
.native-home:after{content:'';position:absolute;inset:0;background:url('./assets/art/grain.png') repeat;pointer-events:none;z-index:-1}
.native-home-art{position:absolute;right:0;top:0;width:62%;height:112%;object-fit:cover;object-position:center;z-index:-3}
.home-art-fade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#08090cfa 0%,#08090cdd 39%,#08090c25 73%,#08090c10),linear-gradient(0deg,#08090cdb,transparent 38%)}
.home-profile{position:absolute;left:2.3%;top:3.1%;display:flex;gap:20px;align-items:center}.home-avatar.button{width:96px;height:96px;min-height:0;padding:5px;border:3px solid #67664b;border-radius:50%;background:#0b0a10;box-shadow:inset 0 0 0 2px #50bdd9;overflow:hidden}.home-avatar img{height:100%;width:100%;object-fit:cover;border-radius:50%}
.home-profile h1{font-size:clamp(26px,1.88vw,36px);text-transform:uppercase;letter-spacing:1.8px}.home-profile-meta{font:12px/1.6 ui-monospace,monospace;color:var(--muted);letter-spacing:2.5px;margin-top:3px}.home-xp-track{height:6px;width:240px;background:#37313e;margin-top:9px}.home-xp-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#7959ca,var(--gold))}
.home-top-actions{position:absolute;right:2.3%;top:3.4%;display:flex;gap:16px;align-items:center}.home-top-actions>.button{height:50px;min-height:50px;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%);border-color:#387b8d;font-size:20px;background:#101014}
.native-currency{height:50px;width:236px;padding:7px 18px;display:flex;align-items:center;gap:11px;background:#121114;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}.native-currency[hidden]{display:none}.native-currency img{width:30px;height:32px}.native-currency strong{font:22px ui-monospace,monospace}.native-currency small{font:9px ui-monospace,monospace;letter-spacing:2px;color:var(--muted);margin-left:auto}
.home-play.button{position:absolute;left:6.25%;top:27.4%;width:44.8%;height:22%;min-height:130px;max-height:236px;border:0;padding:0;background:var(--cyan);color:#10100b;clip-path:polygon(6.5% 0,96.6% 0,100% 16%,94.5% 100%,0 100%);display:flex;gap:5%;align-items:center;justify-content:center}.home-play span{font:900 clamp(72px,min(9.8vw,17.4dvh),188px)/1 var(--display);letter-spacing:6px}.home-play i{width:0;height:0;border-top:32px solid transparent;border-bottom:32px solid transparent;border-left:57px solid #10100b;margin-left:2%}.home-play:hover:not(:disabled){background:#78d6ef;filter:brightness(1.02)}
.home-navigation{position:absolute;left:6.25%;top:53%;display:flex;gap:20px;width:56.25%}.home-navigation>.button{flex:1;min-width:0;height:70px;min-height:70px;padding:8px 12px;font-size:24px;border:1.5px solid #397f91;background:#111014;clip-path:polygon(8% 0,94% 0,100% 16%,92% 100%,0 100%)}
.home-navigation>.native-outline,.home-top-actions>.native-outline{--outline:#397f91;--surface:#111014}
@media(min-width:641px) and (max-height:800px){.native-home .home-play span{font-size:clamp(72px,17.2dvh,136px)}.native-home .home-navigation>.button{height:48px;min-height:48px;font-size:20px}.native-home .home-connected-panels{top:64%;height:29%}.native-home .home-connected-panels .panel-heading{height:32px}.native-home .home-connected-panels .panel-heading h2{height:32px;font-size:19px;padding:5px 18px;letter-spacing:2px}.native-home .home-connected-panels .panel-heading>span{padding-top:11px;font-size:8px}.native-home .home-season-copy{padding:13px 20px}.native-home .home-season-copy h3,.native-home .home-daily-copy h3{font-size:25px}.native-home .home-season-copy p{display:none}.native-home .home-season-copy small{margin-top:14px;font-size:8px;line-height:1.6}.native-home .home-season>img{top:44px;height:63%;right:20px}.native-home .home-daily-copy{padding:11px 20px}.native-home .home-daily-copy>p{font-size:10px;letter-spacing:1.5px;margin:8px 0}.native-home .home-daily-copy>.button{min-height:32px;height:32px;font-size:17px;padding:4px 8px}}
.home-connected-panels{position:absolute;left:6.25%;top:64%;width:56.25%;height:25%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-connected-panels>.panel{min-width:0;background:#101014 url('./assets/art/grain.png');border:1px solid #39313e;overflow:hidden}
.home-connected-panels .panel-heading{padding:0;border:0;height:50px;justify-content:space-between;align-items:start}.home-connected-panels .panel-heading h2{background:var(--cyan);color:#090e10;height:50px;min-width:32%;padding:10px 24px 8px;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);font-size:26px;letter-spacing:3px}.home-connected-panels .panel-heading>span{padding:17px 20px 0 6px;font:9px ui-monospace,monospace;letter-spacing:1.7px;color:var(--muted);white-space:nowrap}
.home-season{position:relative}.home-season>img{position:absolute;right:28px;top:62px;width:38%;height:68%;object-fit:cover}.home-season-copy{padding:24px 28px;width:59%;position:relative;z-index:1}.home-season-copy h3,.home-daily-copy h3{font-size:clamp(22px,2.2vw,42px);text-transform:uppercase;line-height:1.08;overflow-wrap:anywhere}.home-season-copy p{font-size:13px;line-height:1.45;margin-top:10px;color:var(--soft)}.home-season-copy small{display:block;font:9px ui-monospace,monospace;letter-spacing:1.5px;color:var(--gold);margin-top:25px}
.home-daily-copy{padding:24px 28px}.home-daily-copy>p{font:11px ui-monospace,monospace;letter-spacing:2px;color:var(--muted);margin:18px 0 22px}.home-daily-copy>.button{width:100%;min-height:44px;background:#121014;border-color:#6b592d;clip-path:polygon(3% 0,98% 0,100% 16%,97% 100%,0 100%);font-size:20px;padding:6px 12px}
.account-details{display:grid;gap:16px}.account-details h3{font-size:36px}.account-details>p{margin:0}.account-missions p{display:flex;gap:24px;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.account-missions span{color:var(--gold)}
.wallpaper-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.wallpaper-option.button{display:flex;flex-direction:column;padding:0;border:2px solid var(--line);overflow:hidden;background:#101015;min-width:0}.wallpaper-option img{width:100%;height:170px;object-fit:cover}.wallpaper-option span{padding:12px}.wallpaper-option[aria-pressed=true]{border-color:var(--gold)}
.native-chooser{position:relative;height:calc(100dvh - 62px);padding:4.5vh 8.15vw;display:grid;grid-template-columns:1fr 1fr;gap:3.75vw;background:#08070b url('./assets/art/grain.png')}.native-back.button{height:56px;width:56px;min-height:56px;padding:0;font:36px var(--body);border-color:#7e6836;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,0 100%);background:#121114}.native-chooser>.native-back{position:absolute;left:2.3vw;top:34px;z-index:3}
@media(max-width:640px){#app[data-screen=home]>.site-footer,#app[data-screen=choose]>.site-footer{height:auto;min-height:94px;padding:14px 20px;flex-wrap:wrap;font-size:8px;gap:8px 15px}}
.native-game-choice.button{position:relative;border:1px solid #8a713e;padding:0;min-width:0;overflow:hidden;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);display:block;text-align:left;background:#121015;isolation:isolate;color:var(--text)}.native-game-choice.mtg{border-color:#a15342}.native-game-choice>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.native-game-choice:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09080af2,transparent 95%);z-index:-1}.native-game-choice>small{position:absolute;left:36px;top:30px;font:12px ui-monospace,monospace;letter-spacing:3px;color:var(--soft)}.choice-copy{position:absolute;left:7%;right:6%;bottom:9%}.choice-copy h1{font-size:clamp(64px,7.8vw,150px);line-height:.9;white-space:nowrap;letter-spacing:2px}.choice-copy p{font:13px ui-monospace,monospace;letter-spacing:3px;color:var(--soft);margin-top:30px}.choice-copy span{display:block;font:11px ui-monospace,monospace;letter-spacing:2px;color:var(--muted);margin-top:28px}
@media(max-height:850px) and (min-width:961px){.home-season-copy,.home-daily-copy{padding-top:15px}.home-season-copy h3,.home-daily-copy h3{font-size:30px}.home-season-copy p{font-size:11px}.home-season-copy small{margin-top:15px}.home-daily-copy>p{margin:12px 0}.home-connected-panels .panel-heading{height:40px}.home-connected-panels .panel-heading h2{height:40px;font-size:22px;padding:7px 20px}.home-season>img{top:50px;height:66%}}
@media(max-width:960px){.home-profile h1{font-size:27px}.home-avatar.button{width:74px;height:74px}.home-profile-meta{font-size:10px}.home-top-actions>.button{display:none}.home-play.button{left:5%;width:58%;height:20%;top:27%}.home-play span{font-size:126px}.home-play i{border-top-width:23px;border-bottom-width:23px;border-left-width:41px}.home-navigation{left:5%;width:80%;gap:12px;top:51%}.home-navigation>.button{height:58px;min-height:58px;font-size:20px}.home-connected-panels{left:5%;width:80%;top:62%;height:26%;gap:16px}.home-season-copy h3,.home-daily-copy h3{font-size:30px}.native-currency{width:190px}.native-currency small{font-size:8px}.native-chooser{padding:8vh 6vw;gap:3vw}.choice-copy h1{font-size:80px}.native-chooser>.native-back{top:12px;left:12px}}
@media(max-width:640px){.native-home{height:auto;min-height:calc(100dvh - 95px);padding:120px 20px 28px;overflow:hidden}.native-home-art{width:100%;right:-32%;height:100%;object-position:center;opacity:.78}.home-art-fade{background:linear-gradient(90deg,#08090cf5,#08090c66),linear-gradient(0deg,#08090cf5,transparent 70%)}.home-profile{top:22px;left:20px;gap:12px}.home-avatar.button{width:58px;height:58px;padding:3px;border-width:2px}.home-profile h1{font-size:24px;letter-spacing:.6px}.home-profile-meta{font-size:8px;letter-spacing:1.4px}.home-xp-track{width:170px;height:4px;margin-top:5px}.home-top-actions{top:92px;right:20px}.native-currency{height:32px;width:145px;padding:3px 10px;gap:7px}.native-currency img{height:24px;width:22px}.native-currency strong{font-size:16px}.native-currency small{font-size:6px;letter-spacing:1px}.home-play.button{position:relative;left:auto;top:auto;width:100%;height:150px;min-height:150px;margin:28px 0 22px}.home-play span{font-size:105px;letter-spacing:3px}.home-play i{border-top-width:20px;border-bottom-width:20px;border-left-width:35px}.home-navigation{position:relative;top:auto;left:auto;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-navigation>.button{min-height:48px;height:48px;font-size:19px;padding:5px 8px}.home-connected-panels{position:relative;top:auto;left:auto;width:100%;height:auto;grid-template-columns:1fr;margin-top:25px;gap:16px}.home-connected-panels>.panel{min-height:210px}.home-season-copy{padding:22px}.home-season>img{top:55px;right:20px;height:65%}.home-season-copy p{font-size:12px}.home-season-copy small{margin-top:20px}.home-daily-copy{padding:20px 22px}.home-daily-copy>p{margin:14px 0 16px}.home-connected-panels .panel-heading h2{font-size:24px}.home-connected-panels .panel-heading>span{font-size:8px}.native-chooser{height:auto;min-height:calc(100dvh - 95px);padding:80px 20px 25px;grid-template-columns:1fr;gap:20px}.native-game-choice.button{height:380px}.native-game-choice>small{left:24px;top:22px}.choice-copy h1{font-size:76px}.choice-copy p{font-size:11px;letter-spacing:2px;margin-top:18px}.choice-copy span{font-size:9px;margin-top:18px}.wallpaper-options{grid-template-columns:1fr}.wallpaper-option img{height:180px}}