@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101110;--panel:#191b18;--line:#30352b;--lime:#d5fc65;--muted:#979e91}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f5ee;font-family:'Space Grotesk',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:50px;padding:0 5%}.brand{color:white;text-decoration:none;font-weight:700;font-size:23px;letter-spacing:-1px}.brand span{color:var(--lime)}.brand small{display:block;font-size:8px;letter-spacing:5px;margin:4px 0 0 23px;color:var(--muted)}nav{display:flex;gap:24px}nav button{background:none;border:0;color:#bcc1b6;font-size:13px}nav b{background:#303628;padding:2px 7px;border-radius:4px;color:var(--lime);margin-left:6px}.version{margin-left:auto;font-size:10px;letter-spacing:2px;color:var(--muted)}main{max-width:1420px;margin:auto;padding:40px 5%}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{color:var(--lime);font-size:10px;letter-spacing:1.7px;font-weight:600}h1{font-size:36px;letter-spacing:-1.5px;margin:12px 0}h1 em{font-style:normal;color:var(--lime)}.intro p:not(.eyebrow){font-size:13px;color:var(--muted)}.outline{color:#c8cdbf;background:transparent;border:1px solid #465039;border-radius:8px;padding:12px 17px;font-size:12px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:22px}.arena{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#28332266,transparent 65%),#151813}.player{display:flex;gap:12px;align-items:center;padding:18px 25px}.enemy{border-bottom:1px solid #ffffff08}.avatar{width:40px;height:40px;background:#2a3024;border:1px solid #4a553c;border-radius:50%;display:grid;place-items:center;font-size:24px}.enemy .avatar{background:#38282a;border-color:#643c3c}.player strong{font-size:13px}.player small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.life{margin-left:auto;width:145px}.life span{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);letter-spacing:1px}.life b{font-size:20px;color:white;letter-spacing:-.5px}meter{width:100%;height:8px;display:block;margin-top:4px}meter::-webkit-meter-bar{background:#343c2c;border:0}meter::-webkit-meter-optimum-value{background:var(--lime)}.enemy meter::-webkit-meter-optimum-value{background:#ee8980}.field{min-height:185px;display:flex;justify-content:center;align-items:center;gap:17px;padding:12px}.slot{width:112px;height:155px;border:1px dashed #47523b;border-radius:9px;display:grid;place-items:center;color:#4c5940;font-size:27px;background:#0b100922}.divider{display:flex;align-items:center;gap:20px;justify-content:center;font-size:9px;letter-spacing:2px;color:#71825e}.divider:before,.divider:after{content:'';height:1px;background:linear-gradient(90deg,transparent,#4b5a3b);width:20%}.divider b{background:#28351a;color:var(--lime);padding:7px 15px;border-radius:20px;white-space:nowrap}.handbar{display:flex;align-items:center;gap:12px;padding:17px 22px;border-top:1px solid var(--line);background:#10130f;font-size:10px;letter-spacing:1px}.handbar b{background:#303a25;border-radius:4px;padding:3px 6px;color:var(--lime)}.handbar small{color:var(--muted);font-size:9px;letter-spacing:0}.primary{border:0;background:var(--lime);color:#222b12;font-weight:700;border-radius:7px;padding:12px 16px}.handbar .primary{margin-left:auto;font-size:11px;letter-spacing:0}.hand{display:flex;gap:11px;overflow-x:auto;min-height:198px;padding:12px 20px 22px;background:#10130f}.card{padding:6px;width:112px;min-width:112px;height:155px;text-align:left;border:1px solid #7d774c;border-radius:8px;background:#302e20;color:#fff;position:relative;transition:transform .18s,box-shadow .18s}.hand .card:hover{transform:translateY(-6px)}.card.selected{box-shadow:0 0 0 2px var(--lime),0 0 25px #c8ff3f30}.card.magic{background:#153c38;border-color:#4c9e91}.card .name{display:block;font-size:9px;font-weight:bold;white-space:nowrap;letter-spacing:-.3px}.card .type{font-size:6px;letter-spacing:1px;color:#d4cda5;display:block;margin:3px 0}.card .art{height:77px;border-radius:3px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,var(--art),#141c20);font-size:47px;overflow:hidden;position:relative}.art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 18px,#fff1 19px 20px)}.card .desc{font-size:7px;line-height:1.3;display:block;margin:5px 0;color:#e2dfcc}.card .stats{display:flex;justify-content:space-between;font-size:8px;font-weight:bold;border-top:1px solid #ffffff24;padding-top:4px}.card.defense{border-color:#77aff0;background:#253349}.card.used{filter:saturate(.4);opacity:.65}.badge{position:absolute;right:-5px;top:-8px;background:#d5fc65;color:#1d2912;font-size:8px;padding:3px 5px;border-radius:4px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:21px;margin-bottom:16px}h2{font-size:22px;letter-spacing:-.8px;line-height:1.2;margin:12px 0 18px}.detail-art{background:radial-gradient(ellipse,#465332,#252c20 65%);height:150px;border:1px solid #3c4931;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:68px}.detail-art span{font-size:7px;color:#a7b095;letter-spacing:1px;margin-top:12px}.panel>p:not(.eyebrow){font-size:12px;line-height:1.6;color:#aeb5a5}#actions{display:grid;gap:8px}#actions button{width:100%;font-size:12px}.panel-title{display:flex;align-items:center;justify-content:space-between}h3{font-size:13px;margin:0}.live{font-size:8px;color:var(--lime)}#log{max-height:180px;overflow-y:auto;margin-top:13px}#log p{font-size:10px;color:#a9b29d;line-height:1.5;border-left:2px solid #495b31;padding-left:10px;margin:12px 0}.footnote{font-size:8px;color:#68735e;line-height:1.8;letter-spacing:1px;text-align:center}dialog{background:#1a2016;color:white;border:1px solid #687c46;border-radius:14px;max-width:720px;width:90%;padding:30px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close{float:right;border:0;background:none;color:white;font-size:20px}dialog p,dialog li{font-size:13px;line-height:1.8;color:#c0c8b6}.collection{display:flex;flex-wrap:wrap;gap:12px}button:focus-visible{outline:2px solid white;outline-offset:4px}@media(min-width:1250px){.card{width:125px;min-width:125px;height:168px}.card .art{height:86px}.slot{width:125px;height:168px}.field{min-height:197px}}@media(max-width:950px){.layout{grid-template-columns:1fr 250px}main{padding:25px 3%}h1{font-size:27px}.player{padding:15px}.field{gap:10px}header{padding:0 3%;gap:25px}}@media(max-width:720px){header{height:70px}.brand{font-size:20px}nav{margin-left:auto;gap:5px}nav button{font-size:10px}.version{display:none}.intro{align-items:flex-start;gap:10px;margin-bottom:20px}h1{font-size:27px;max-width:300px;line-height:1.15}.intro .eyebrow{font-size:7px}.intro p:not(.eyebrow){font-size:11px;max-width:230px}.intro .outline{font-size:10px;padding:10px;white-space:nowrap;margin-top:30px}.layout{grid-template-columns:1fr;gap:15px}aside{display:grid;grid-template-columns:1fr;gap:0}.panel{padding:18px}.panel h2{font-size:20px}.detail-art{height:100px;font-size:50px}.field{min-height:157px;padding:8px;gap:10px}.field .card,.slot{width:96px;min-width:96px;height:138px}.field .card .art{height:63px}.field .card .name{font-size:8px}.field .card .desc{font-size:6px}.player small{font-size:9px}.life{width:105px}.handbar{padding:13px 12px;gap:8px}.hand{padding:12px;min-height:180px}.handbar .primary{font-size:10px;padding:11px}.handbar small{font-size:8px}.divider{gap:7px}.divider b{font-size:8px}.footnote{margin-top:0}}
.creator-link{color:var(--lime);font-size:12px;text-decoration:none;white-space:nowrap}.card.model-card{padding:0;border:0;background:transparent!important;aspect-ratio:1038/1516;height:auto;align-self:center;overflow:visible}.card-face{position:relative;display:block;width:100%;aspect-ratio:1038/1516;container-type:inline-size;overflow:hidden;text-align:left;color:#241705;font-family:Georgia,serif}.frame-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.content-window{position:absolute;left:8%;top:15.5%;width:84%;height:59.37%;overflow:hidden;display:block;clip-path:polygon(2% 0,98% 0,100% 2%,100% 98%,98% 100%,2% 100%,0 98%,0 2%)}.content-window img{width:100%;height:100%;object-fit:cover;display:block}.emoji-art{width:100%;height:100%;display:grid;place-items:center;font-size:43cqw}.fixed-name{position:absolute;left:9.2%;top:5.1%;width:81.6%;height:5.2%;display:flex;align-items:center;justify-content:center;font-weight:bold;line-height:1.05;overflow:hidden;white-space:nowrap}.spell-face .fixed-name{color:#eefaff;text-shadow:0 1px 3px #000}.fixed-description{position:absolute;left:9.2%;top:80.4%;width:81.6%;height:8.5%;overflow:hidden;overflow-wrap:anywhere;line-height:1.18;font-weight:600}.fixed-stats{position:absolute;left:9.2%;top:91.3%;width:81.6%;height:2.8%;font-size:3.3cqw;display:flex;align-items:center;justify-content:flex-end;font-weight:600;white-space:nowrap}.model-card.defense{outline:2px solid #77aff0;border-radius:6px}.detail-art.full-card{display:block;height:auto;background:none!important;border:0;font-size:initial}.detail-art.full-card span{margin:0;letter-spacing:normal;color:inherit}.detail-art.full-card .fixed-name{font-size:6cqw}.detail-art.full-card .fixed-stats{font-size:3.3cqw}.field{min-height:200px}.hand{min-height:210px}.collection .card:disabled{opacity:1}.editor-main{max-width:1220px}.editor-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:28px}.editor-heading h1{margin-top:6px}.editor-heading p{color:var(--muted);font-size:13px;line-height:1.6}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:35px}.editor-form{background:var(--panel);padding:25px;border:1px solid var(--line);border-radius:15px}.editor-form h2{font-size:19px;margin:0 0 20px}.editor-form label{display:block;color:#cdd5c4;font-size:12px;margin-bottom:17px}.editor-form input:not([type=range]),.editor-form select,.editor-form textarea{display:block;width:100%;margin-top:8px;padding:12px;background:#11160f;border:1px solid #455039;border-radius:7px;color:#fff;font:inherit;outline-color:var(--lime)}.editor-form textarea{resize:vertical;min-height:95px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-box{border:1px dashed #6a7d4e;border-radius:10px;padding:17px;background:#d5fc6506}.upload-box input{font-size:11px}.help{color:var(--muted);font-size:11px;line-height:1.7}.editor-form input[type=range]{display:block;width:100%;accent-color:var(--lime);margin-top:12px}.editor-form .primary{width:100%;margin-top:10px}.preview-wrap{position:sticky;top:20px;align-self:start}.preview-card{max-width:355px;margin:0 auto;filter:drop-shadow(0 15px 30px #0009)}.preview-label{font-size:10px;letter-spacing:2px;color:var(--lime);text-align:center;margin:0 0 17px}.preview-wrap .outline{width:100%;margin-top:20px}.notice{font-size:12px;line-height:1.6;color:var(--lime);min-height:22px}.saved-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:45px}.saved-header h2{font-size:22px}.saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:22px;margin-top:15px}.saved-card{background:#1c2118;border:1px solid var(--line);padding:12px;border-radius:12px}.saved-card .outline{padding:8px;font-size:10px}.saved-buttons{display:flex;justify-content:space-between;margin-top:10px;gap:8px}.saved-empty{padding:30px;border:1px dashed var(--line);border-radius:10px;font-size:13px;color:var(--muted);grid-column:1/-1}.backup-actions{display:flex;gap:8px}.backup-actions button{font-size:10px;padding:9px}.editor-nav{margin-left:auto;display:flex;gap:16px}.editor-nav a{color:var(--lime);font-size:12px;text-decoration:none}.editor-form fieldset{border:0;padding:0;margin:0}.editor-form fieldset[hidden]{display:none}.editor-form input:disabled{opacity:.4}@media(max-width:720px){.editor-layout{grid-template-columns:1fr}.preview-wrap{position:static;grid-row:1}.preview-card{max-width:260px}.editor-heading{display:block}.editor-heading h1{max-width:none}.editor-heading>.outline{display:inline-block;margin-top:10px}.editor-form{padding:20px}.saved-header{display:block}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-link{font-size:10px}.editor-nav a{font-size:11px}.editor-nav{gap:10px}.preview-wrap .outline{max-width:300px;display:block;margin:15px auto}.hand .model-card{min-width:112px}.field{min-height:160px}.hand{min-height:190px}nav{gap:6px}}
.detail-art.full-card .emoji-art{font-size:43cqw}.detail-art.full-card .content-window{font-size:initial}.detail-art.full-card .fixed-description{line-height:1.18}.detail-art.full-card .fixed-name{line-height:1.05}.detail-art.full-card .fixed-stats{line-height:1}.card.model-card{height:auto!important}
.arena.animating .card{pointer-events:none}.duel-ghost{position:fixed!important;z-index:10000!important;pointer-events:none!important;transform-origin:top left;box-shadow:0 20px 55px #0009;will-change:transform}.duel-striker{z-index:50;position:relative!important;will-change:transform}.arena{isolation:isolate}.duel-fragment{position:fixed;overflow:hidden;pointer-events:none;z-index:10001;will-change:transform,opacity}.duel-fragment .card{border:0;padding:0;opacity:1!important;background:transparent!important;box-shadow:none!important}.duel-impact{position:fixed;z-index:10002;pointer-events:none;width:70px;height:70px;border:4px solid;border-radius:50%;box-shadow:0 0 25px #d5fc6577}.animating #status{color:var(--lime)}@media(prefers-reduced-motion:reduce){.card{transition:none}}
.collection-tools{display:flex;gap:12px;align-items:center}.collection-tools input,.collection-tools select{background:#191f15;color:#fff;border:1px solid #47553a;border-radius:7px;padding:12px;font:inherit;font-size:12px}.collection-tools input{flex:1;min-width:0}.collection-tools>span{font-size:12px;color:var(--muted)}.collection-name{margin-top:12px;line-height:1.4}.saved-buttons a{text-decoration:none}.saved-grid .help{margin:7px 0}.editor-nav [aria-current]{border-bottom:2px solid var(--lime);padding-bottom:7px}@media(max-width:600px){.collection-tools{flex-wrap:wrap}.collection-tools input{flex-basis:100%}.collection-tools>span{margin-left:auto}}
.deck-row{display:flex;gap:15px;align-items:center;padding:9px 22px}.deck-pile{width:43px;height:58px;border:2px solid #bd9959;border-radius:5px;background:repeating-linear-gradient(45deg,#26314c 0 5px,#1b233b 5px 10px);box-shadow:3px 3px 0 #846e49,5px 5px 0 #111;color:#e7c880;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.deck-pile small{font-size:5px;letter-spacing:.5px}.deck-row>span{font-size:9px;color:var(--muted)}.enemy-hand{display:flex;gap:4px;overflow-x:auto;min-width:0;padding:3px 3px 5px}.enemy-hand .card.model-card{width:31px;min-width:31px;pointer-events:none}.card-back{aspect-ratio:1038/1516;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#263b50 0 7px,#19283f 7px 14px);border:3px solid #b49053;outline:1px solid #5a492f;outline-offset:-7px;border-radius:4px;color:#ffe2a6;container-type:inline-size;overflow:hidden}.card-back b{font-size:45cqw;text-shadow:0 0 15px #89b6f5}.card-back small{font-size:8cqw;letter-spacing:1px}.spell-row{display:flex;justify-content:center;align-items:center;gap:12px;min-height:105px;background:#688bc108;padding:10px;border-top:1px solid #53647d25;border-bottom:1px solid #53647d25}.spell-row .card.model-card{width:58px;min-width:58px}.spell-label{font-size:7px;letter-spacing:1px;color:#839abc;writing-mode:vertical-rl}.spell-slot{width:58px;height:84px;display:grid;place-items:center;border:1px dashed #4b607a;border-radius:5px;color:#637e9e}.spell-row .badge{font-size:6px;right:-8px}.reaction-cards{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}.reaction-choice{border:1px solid #608eb1;border-radius:9px;background:#131e2b;color:white;padding:10px;width:145px}.reaction-choice strong{display:block;margin-top:10px;font-size:11px}.reaction-choice:hover{outline:2px solid #82d3ff}.spell-spark{position:fixed;z-index:10003;width:8px;height:8px;pointer-events:none;background:#c4efff;box-shadow:0 0 16px 6px #75c9ff88;rotate:45deg}.duel-result{position:fixed;inset:0;z-index:11000;background:radial-gradient(ellipse,#354615e8,#090e13f2 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#ecffb3;overflow:hidden}.duel-result.lost{background:radial-gradient(ellipse,#344258ed,#0e121af2);color:#c7dbf6}.result-emblem{font-size:100px;filter:drop-shadow(0 0 35px #d5fc65aa)}.duel-result h2{font-size:clamp(45px,8vw,100px);letter-spacing:5px;margin:20px 0}.duel-result p{font-size:15px;color:#d7e6c0}.victory-particle{position:absolute;top:0;width:9px;height:15px}.my-deck-row{border-top:1px solid var(--line)}@media(max-width:720px){.spell-row{min-height:90px;gap:10px}.spell-row .card.model-card{width:49px;min-width:49px}.spell-slot{width:49px;height:71px}.deck-row{padding:8px 14px}.enemy-hand .card.model-card{width:26px;min-width:26px}.reaction-choice{width:120px}.deck-pile{width:36px;height:48px}}
.effect-summary{border:1px solid #566e35;border-radius:8px;background:#d5fc6509;padding:13px;font-size:12px;line-height:1.7;color:#dcf1b4}#magicFields [hidden]{display:none!important}#magicFields .two-cols:has(>label[hidden]:first-child):has(>label[hidden]:last-child){display:none}.editor-form option:disabled{color:#5d6557}.reaction-choice{color:#fff}.editor-form input,.editor-form select,.editor-form textarea{font-size:16px!important}
.reaction-effect{display:block;font-size:10px;line-height:1.4;margin-top:8px;font-weight:400;color:#c0d4ba}.effect-summary{overflow-wrap:anywhere}#cancelTarget{min-height:44px;width:100%}
.fixed-levels{position:absolute;top:12.1%;right:9.2%;width:81.6%;height:2.5%;display:flex;align-items:center;justify-content:flex-end;gap:.48cqw;overflow:hidden}.fixed-levels img{width:3.37cqw;height:3.37cqw;flex-shrink:0;display:block}.detail-art.full-card .fixed-levels{margin:0}#tributeOptions .tribute-choice{position:relative}#tributeOptions .tribute-choice[aria-pressed=true]{outline:3px solid var(--lime);background:#304021}#tributeOptions .tribute-choice[aria-pressed=true]:after{content:'✓';position:absolute;top:4px;right:5px;border-radius:50%;background:var(--lime);color:#17200f;padding:2px 7px}#confirmTributes{min-height:44px}#tributeMessage{color:var(--lime);font-size:12px}.tribute-aura{position:fixed;pointer-events:none;z-index:10005;width:180px;aspect-ratio:1;background:radial-gradient(circle,#f7cc6c66,transparent 65%);border:2px solid #e5d98966;border-radius:50%}
[data-admin-only][hidden]{display:none!important}.admin-entry{color:#839674;font-size:10px;text-decoration:none;align-self:flex-end;margin-bottom:15px}.admin-entry:hover{color:var(--lime)}

.preview-card{width:100%;min-height:1px}.preview-card .card-face{display:block;width:100%;height:auto;aspect-ratio:1038/1516;min-height:500px}.preview-card .frame-art{object-fit:fill}.free-notice{padding:12px;border-left:3px solid #f5d447;background:#f5d44712;border-radius:4px}.free-flag{color:#81e5ae;font-weight:700;font-size:11px}.active-effects{margin:8px 12px;padding:9px 12px;border:1px solid #718095;border-radius:8px;background:#162435;color:#e7edf5;font-size:12px;line-height:1.5}.active-effects.has-effects{border-color:#f5d447;background:#473a14;color:#fff2b6;font-weight:700}

.effect-config:not([hidden]) {
  margin-top: 10px;
  padding: 16px;
  border: 1px solid #c9ac4d66;
  border-radius: 12px;
  background: linear-gradient(145deg, #173328, #122131 60%, #32151d);
}
.effect-config > .eyebrow {
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f5d44738;
  font-size: 10px;
  letter-spacing: 1.4px;
}
#amountLabel input:focus {
  outline: 3px solid #f5d447a6;
  outline-offset: 2px;
}
#effectAmountHelp { display: block; margin-top: 5px; }