:root{--black:#100d09;--frame:#5b3520;--frame-dark:#2a1710;--gold:#b99452;--paper:#d8caa6;--paper-dark:#a9956b;--ink:#17140f;--red:#8d3025;--green:#486f45}*{box-sizing:border-box}html{min-width:320px;background:#1b120c}body{margin:0;min-height:100vh;color:var(--ink);font-family:Georgia,"Times New Roman",serif;background:radial-gradient(ellipse at 50% 10%,rgba(221,169,94,.12),transparent 45%),repeating-linear-gradient(88deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px),linear-gradient(90deg,#1b110b,#2b1b10 14%,#190f09 31%,#302014 50%,#180e09 73%,#28180f 88%,#160d08)}button,input,textarea,summary{font:inherit}.tabletop{min-height:100vh;padding:38px 18px 64px;background:radial-gradient(circle at 12% 17%,rgba(0,0,0,.26) 0 2px,transparent 3px),radial-gradient(circle at 87% 69%,rgba(236,193,126,.06) 0 1px,transparent 2px);background-size:57px 71px,33px 41px}.card{position:relative;width:min(760px,100%);margin:auto;filter:drop-shadow(0 34px 28px rgba(0,0,0,.72));perspective:1200px}.card::before{content:"";position:absolute;z-index:-2;inset:13px -8px -12px 10px;border-radius:38px;background:#080706;transform:rotate(.6deg);filter:blur(1px)}.card-edge{position:relative;padding:18px;border:2px solid #050403;border-radius:38px;background:radial-gradient(circle at 16% 11%,rgba(255,255,255,.1),transparent 18%),radial-gradient(circle at 90% 82%,rgba(116,57,28,.35),transparent 24%),repeating-radial-gradient(ellipse at 30% 40%,#1d130e 0 2px,#0a0806 3px 6px);box-shadow:0 0 0 3px #17110d,0 0 0 5px #020201,0 3px 2px rgba(255,255,255,.1) inset,0 -5px 9px #000 inset}.card-edge::after{content:"";position:absolute;pointer-events:none;inset:4px;border-radius:32px;opacity:.4;background:linear-gradient(112deg,transparent 10%,rgba(255,255,255,.13) 10.2%,transparent 10.6%),linear-gradient(4deg,transparent 74%,rgba(188,118,72,.12) 74.2%,transparent 74.7%),radial-gradient(circle at 4% 58%,#000 0 1px,transparent 3px)}.card-face{position:relative;overflow:hidden;padding:18px 19px 14px;border:2px solid #bb8d4c;border-radius:24px;background:radial-gradient(ellipse at 14% 20%,rgba(241,196,107,.22),transparent 24%),radial-gradient(ellipse at 85% 77%,rgba(50,21,10,.28),transparent 23%),repeating-linear-gradient(101deg,rgba(255,255,255,.035) 0 1px,rgba(56,25,12,.04) 1px 4px),linear-gradient(145deg,#7c4a29,#4a2819 42%,#815333 70%,#402116);box-shadow:0 0 0 3px #29140c inset,0 0 0 5px rgba(211,166,89,.45) inset}.card-face::before{content:"";position:absolute;pointer-events:none;inset:0;opacity:.38;background:linear-gradient(73deg,transparent 0 16%,rgba(38,18,8,.5) 16.2%,transparent 16.6%),linear-gradient(174deg,transparent 0 61%,rgba(246,205,132,.35) 61.1%,transparent 61.35%),radial-gradient(circle at 71% 7%,rgba(0,0,0,.8) 0 1px,transparent 3px)}.title-bar,.type-line{position:relative;z-index:1;display:flex;align-items:center;border:2px solid #25140c;background:radial-gradient(circle at 8% 45%,rgba(255,255,255,.18),transparent 15%),repeating-linear-gradient(100deg,rgba(73,43,20,.07) 0 1px,transparent 1px 4px),linear-gradient(#c8b783,#8f794c);box-shadow:0 1px #e3d4a8 inset,0 -2px rgba(62,34,14,.35) inset,0 2px 4px rgba(0,0,0,.45)}.title-bar{min-height:56px;padding:6px 8px 6px 13px;border-radius:18px 18px 8px 8px}.card-name{min-width:0;flex:1;height:40px;border:0;outline:0;padding:0 7px;color:#17130e;background:transparent;font-size:clamp(22px,5vw,35px);font-weight:700;letter-spacing:-.04em;text-shadow:0 1px rgba(255,255,255,.45)}.card-name::placeholder{color:#5e5035;font-style:italic;opacity:.7}.card-name:focus{box-shadow:0 2px 0 #5e3b21}.mana-cost{display:flex;gap:5px;margin-left:8px}.mana-orb{position:relative;display:grid;place-items:center;width:43px;height:43px;border:2px solid #21170f;border-radius:50%;background:radial-gradient(circle at 34% 26%,#eee 0 5%,var(--orb) 23%,#33241a 73%);box-shadow:0 1px 2px #fff8 inset,0 -3px 5px #0009 inset,0 2px 3px #0008;cursor:pointer}.mana-orb input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.mana-orb span{pointer-events:none;color:#17120e;font:bold 15px/1 Georgia,serif;text-shadow:0 1px #fff7}.mana-orb output{position:absolute;top:47px;right:0;width:65px;color:#d7c79d;font:700 8px/1 ui-monospace,Consolas,monospace;text-align:center;text-shadow:0 1px #000;opacity:0;transition:opacity .15s}.mana-orb:hover output,.mana-orb:focus-within output{opacity:1}.orb-a{--orb:#c8678d}.orb-b{--orb:#806bd0}.art-window{position:relative;z-index:0;margin:10px 1px 0;border:5px solid #1e110b;background:#15100c;box-shadow:0 0 0 2px #aa7e45,0 4px 7px #0008 inset,0 3px 5px #0008}.art-window::after{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(105deg,transparent 0 39%,rgba(255,255,255,.08) 39.2%,transparent 39.6%),radial-gradient(ellipse at center,transparent 54%,rgba(13,7,3,.44) 100%)}.art-window img{display:block;width:100%;aspect-ratio:3/1.72;object-fit:cover;filter:saturate(.9) contrast(1.04) sepia(.05)}.art-window figcaption{position:absolute;z-index:2;right:8px;bottom:5px;color:#ddd1b7;font-size:8px;font-style:italic;text-shadow:0 1px 2px #000}.type-line{min-height:42px;margin:6px 1px 0;padding:6px 13px;border-radius:7px}.type-line strong{font-size:clamp(16px,3.2vw,22px);letter-spacing:-.025em}.set-mark{position:relative;width:27px;height:27px;margin-left:auto;transform:rotate(45deg);border:2px solid #4b2e18;background:radial-gradient(circle,#e4bd5f,#8a5a22 65%);box-shadow:0 1px #fff8 inset,0 2px 3px #0006}.set-mark::after{content:"";position:absolute;inset:7px;border:1px solid #3d2617;background:#6c421f}.rules-box{position:relative;z-index:1;margin:7px 2px 0;padding:18px 20px 14px;border:3px solid #23170e;border-radius:7px;background:radial-gradient(circle at 7% 13%,rgba(255,255,255,.36),transparent 17%),radial-gradient(circle at 82% 69%,rgba(80,55,26,.14),transparent 23%),repeating-linear-gradient(94deg,rgba(84,59,28,.035) 0 1px,transparent 1px 5px),linear-gradient(130deg,#e4d8b6,#cbbd96 64%,#b6a379);box-shadow:0 2px 2px rgba(255,255,255,.5) inset,0 -2px 4px rgba(64,43,19,.4) inset}.rules-box::before{content:"";position:absolute;pointer-events:none;inset:5px;opacity:.22;background:linear-gradient(117deg,transparent 33%,#6e5635 33.2%,transparent 33.45%),linear-gradient(9deg,transparent 72%,#fff 72.1%,transparent 72.25%)}.ability-copy{position:relative;margin:0 0 12px;padding-left:38px;font-size:15px;line-height:1.32}.cost-dot{position:absolute;left:0;top:-2px;display:grid;place-items:center;width:29px;height:29px;border:2px solid #3d2b17;border-radius:50%;color:#20170d;background:radial-gradient(circle at 35% 28%,#f2e4b8,#99834e);box-shadow:0 1px #fff8 inset;font:bold 11px/1 Georgia,serif}.result-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;align-items:stretch;padding:10px;border-top:1px solid #6f5c39;border-bottom:1px solid #6f5c39;background:rgba(255,255,255,.14)}.preview{display:flex;align-items:center;min-height:66px;overflow-wrap:anywhere;font-size:clamp(26px,5.5vw,44px);font-weight:700;letter-spacing:-.055em;line-height:1.03;text-shadow:0 1px 1px #fff,0 0 7px currentColor}.preview.empty{color:#756844;font-size:18px;font-style:italic;letter-spacing:0;text-shadow:none}.copy-spell,.ink-button,.preset{border:1px solid #342513;color:#20160d;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.5),transparent 30%),linear-gradient(#cab47a,#8d6e37);box-shadow:0 2px 0 #4d351b,0 1px #fff8 inset;border-radius:5px;cursor:pointer}.copy-spell{min-height:68px;padding:8px}.copy-spell span{display:block;font-size:18px;font-weight:700}.copy-spell small{display:block;margin-top:4px;font-size:9px;font-style:italic;line-height:1.2}.copy-spell:hover,.ink-button:hover,.preset:hover{filter:brightness(1.07)}.copy-spell:active,.ink-button:active,.preset:active{transform:translateY(2px);box-shadow:0 0 0 #4d351b,0 1px #fff8 inset}.copy-spell:disabled,.ink-button:disabled{opacity:.45;cursor:not-allowed}.limit-row{position:relative;display:flex;align-items:center;gap:10px;margin-top:10px}.meter{height:7px;flex:1;border:1px solid #4f3d25;background:#75613e55}.meter span{display:block;width:0;height:100%;background:#517547;transition:width .2s}.limit-row strong{min-width:60px;font:700 11px/1 ui-monospace,Consolas,monospace;text-align:right}.status{position:relative;margin:5px 0 0;color:#4f452d;font-size:10px}.status.error{color:#8d261e;font-weight:700}.flavor-text{position:relative;margin:13px 0 2px;padding-top:10px;border-top:1px solid #806d47;font-size:14px;font-style:italic;line-height:1.32}.advanced-panel{position:relative;margin-top:14px;border-top:1px solid #7e6a45}.advanced-panel>summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 3px 4px;list-style:none;cursor:pointer;font-weight:700}.advanced-panel>summary::-webkit-details-marker{display:none}.advanced-panel>summary::before{content:"◆";margin-right:7px;color:#85662e;font-size:10px}.advanced-panel[open]>summary::before{content:"◇"}.advanced-panel>summary span{color:#746443;font-size:10px;font-style:italic;font-weight:400}.advanced-content{display:flex;flex-direction:column;gap:9px;margin-top:8px}.advanced-section{padding:11px;border:1px solid #7c6843;background:rgba(248,239,209,.3);box-shadow:0 1px #fff5 inset}.section-head,.mini-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.section-head strong,.mini-head strong{text-transform:uppercase;font-size:11px;letter-spacing:.05em}.section-head small,.mini-head span{display:block;color:#6d5d3e;font-size:9px;font-style:italic}.action-row{display:flex;flex-wrap:wrap;gap:6px}.ink-button,.preset{min-height:29px;padding:6px 9px;font-size:10px;font-weight:700}.warning{color:#6f1c16}.split-editor{margin:10px 0 8px;padding:9px;border:1px solid #695738;background:#b4a47a77}.split-scroller{position:relative;margin-top:9px;padding:6px 0 13px;overflow-x:auto;overflow-y:hidden}.split-track{position:relative;display:flex;width:max-content;min-width:100%;height:32px;padding:0 10px}.split-char{display:grid;place-items:center;flex:0 0 22px;height:27px;border-bottom:3px solid var(--char-color);color:var(--char-color);background:#eadfbeaa;font:700 12px/1 ui-monospace,Consolas,monospace;text-shadow:0 1px #fff}.split-char.space{color:#8e805d}.split-handle{position:absolute;z-index:2;top:19px;width:14px;height:14px;margin-left:-7px;padding:0;transform:rotate(45deg);border:2px solid #2a1d10;border-radius:2px;background:#c5a454;box-shadow:0 0 0 1px #f0d98e;cursor:ew-resize;touch-action:none}.split-empty{display:none;margin:8px 0 0;color:#6e5f40;font-size:9px;font-style:italic}.split-empty.visible{display:block}.segments{display:flex;flex-direction:column;gap:6px;counter-reset:channel}.segment-row{display:grid;grid-template-columns:28px 37px 74px minmax(90px,1fr) 30px 30px 30px;gap:5px;align-items:center;padding:6px;border:1px solid #6a5837;background:#ad9c73;counter-increment:channel}.segment-row.selected{outline:2px solid #765c25;outline-offset:-2px}.channel-number::before{content:counter(channel,decimal-leading-zero);display:grid;place-items:center;height:29px;border:1px solid #574426;background:#dacb9f;font:700 9px/1 ui-monospace,Consolas,monospace}.segment-row input{height:31px;border:1px solid #5f4d30;color:#261b10;background:#e4d6ad;font:700 10px/1 ui-monospace,Consolas,monospace}.color-picker{width:37px;padding:2px}.hex-input,.text-input{min-width:0;padding:0 6px}.move-button,.remove-button{height:28px;padding:0;border:1px solid #49341c;background:#c5ae73;cursor:pointer}.remove-button{color:#711e18}.reminder-text{margin:7px 1px 0;color:#655638;font-size:9px;font-style:italic}.tool-row{margin-top:10px}.tool-feedback{min-height:12px;margin:6px 0 0;color:#49613c;font-size:9px}.recent-colors{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;min-height:29px}.recent-swatch{width:29px;height:29px;padding:0;border:2px solid #4c381f;border-radius:50%;background:var(--swatch);box-shadow:0 2px #6d5029,0 1px #fff8 inset;cursor:pointer}.recent-empty{font-size:9px;font-style:italic}.diagnostics textarea{width:100%;min-height:90px;margin-top:8px;resize:vertical;padding:8px;border:1px solid #57472d;color:#241b11;background:#ded0a7;font:10px/1.45 ui-monospace,Consolas,monospace}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:7px;border:1px solid #6c5938}.stats div{padding:6px;text-align:center;border-right:1px solid #6c5938}.stats div:last-child{border:0}.stats span,.stats strong{display:block}.stats span{font-size:8px;text-transform:uppercase}.stats strong{margin-top:3px;font-size:16px}.presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.preset{font-size:9px}.utility-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.file-button{display:grid;place-items:center;cursor:pointer}.file-button input{display:none}.collector-line{position:relative;z-index:1;display:grid;grid-template-columns:1fr 52px 1fr;align-items:end;gap:8px;margin:8px 3px 0;color:#d1b574;text-shadow:0 1px #1b0d06}.collector-line>div:last-child{text-align:right}.collector-line strong,.collector-line span{display:block}.collector-line strong{font:700 8px/1 ui-monospace,Consolas,monospace}.collector-line span{margin-top:3px;font:7px/1 ui-monospace,Consolas,monospace}.holo-stamp{width:45px;height:14px;margin:auto;border-radius:50%;background:linear-gradient(100deg,#bc76bc,#6db5b2,#e1c85a,#8b82c7,#d1798e);box-shadow:0 1px 1px #fff7 inset;opacity:.72}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,.file-button:focus-within{outline:2px solid #4a7a68;outline-offset:2px}@media(max-width:650px){.tabletop{padding:14px 6px 35px}.card-edge{padding:10px;border-radius:27px}.card-face{padding:12px 10px 10px;border-radius:18px}.title-bar{min-height:49px;padding-left:7px}.card-name{font-size:21px}.mana-orb{width:35px;height:35px}.mana-orb output{display:none}.art-window img{aspect-ratio:2.1/1}.rules-box{padding:14px 12px 11px}.result-panel{grid-template-columns:1fr}.copy-spell{min-height:55px}.segment-row{grid-template-columns:25px 34px 66px minmax(70px,1fr) 28px}.move-button{display:none}.remove-button{grid-column:5}.section-head{flex-direction:column}.collector-line{grid-template-columns:1fr 35px 1fr}.collector-line span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}