.wildmagic-app{color-scheme:dark}.wildmagic-app *{box-sizing:border-box}.wildmagic-app{margin:0}.wildmagic-app main{max-width:1120px;margin:0 auto;padding:38px 40px 26px}.wildmagic-app header{display:flex;align-items:center;gap:12px;font-size:.75rem;letter-spacing:.16em;color:#bbb7ce;padding-bottom:26px;border-bottom:1px solid #34323f}.wildmagic-app header svg{color:#c8a7ff}.wildmagic-app .edition{margin-left:auto;font-family:monospace;font-size:.9rem}.wildmagic-app .intro{padding:42px 0 32px}.wildmagic-app .eyebrow{font-size:.75rem;letter-spacing:.2em;color:#a7a0b6;margin:0 0 12px}.wildmagic-app h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(2.9rem,6vw,4.6rem);font-weight:400;line-height:1;margin:0;letter-spacing:-.04em}.wildmagic-app h1 span{color:#b69be3}.wildmagic-app .workspace{display:grid;grid-template-columns:290px minmax(0,1fr);border:1px solid #454050;border-radius:12px;overflow:hidden;min-height:360px}.wildmagic-app .roll-panel{padding:30px 26px;background:#1b1c26;border-right:1px solid #454050}.wildmagic-app label{font-size:1rem;font-weight:600}.wildmagic-app .input-wrap{display:flex;align-items:baseline;gap:10px;border-bottom:2px solid #9783b8;margin-top:12px;padding:0 0 10px}.wildmagic-app .input-wrap:focus-within{border-color:#d4b7ff}.wildmagic-app input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-family:Georgia,serif;font-size:4.5rem;line-height:1.2;color:#f4e9ff}.wildmagic-app input::-moz-placeholder{color:#6c627c}.wildmagic-app input::placeholder{color:#6c627c}.wildmagic-app .input-wrap span{white-space:nowrap;font-size:1rem;color:#aaa2b8}.wildmagic-app .error,.wildmagic-app .hint{font-size:.875rem;line-height:1.55;min-height:44px;margin:14px 0 24px;color:#b5aec3}.wildmagic-app button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border:1px solid #bba2df;border-radius:6px;background:#cfb6ef;color:#22172f;font-size:.875rem;font-weight:600;cursor:pointer}.wildmagic-app button:hover{background:#dfc9fb}.wildmagic-app button:focus-visible,.wildmagic-app summary:focus-visible{outline:3px solid #eee0ff;outline-offset:5px}.wildmagic-app .keyboard{font-size:.8125rem;line-height:1.7;color:#a69eB5;margin:20px 0 0}.wildmagic-app .result-panel{padding:32px 36px;background:#181923}.wildmagic-app .result-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#bdb1cc;font-size:.75rem;letter-spacing:.13em}.wildmagic-app .range{font-family:monospace;letter-spacing:0;border:1px solid #51445f;border-radius:4px;padding:5px 9px;font-size:.875rem;white-space:nowrap}.wildmagic-app h2{font-family:Georgia,serif;font-weight:400;font-size:2rem;line-height:1.2;margin:25px 0 20px;color:#f3e9ff}.wildmagic-app .effect,.wildmagic-app details p{font-size:1.0625rem;line-height:1.8;color:#ddd8e4}.wildmagic-app .empty{display:flex;height:100%;min-height:270px;flex-direction:column;justify-content:center;align-items:center;text-align:center}.wildmagic-app .empty svg{color:#a995c5}.wildmagic-app .empty h2{margin:20px 0 12px}.wildmagic-app .empty p{color:#b3aabe;line-height:1.6;margin:0;font-size:1rem}.wildmagic-app details{margin-top:24px;padding-top:20px;border-top:1px solid #40394b}.wildmagic-app summary{color:#d6b8ff;font-size:.9375rem;cursor:pointer}.wildmagic-app footer{display:flex;justify-content:space-between;gap:15px;color:#a59daf;font-size:.75rem;padding-top:22px;line-height:1.5}@media(max-width:740px){.wildmagic-app main{padding:22px 18px}.wildmagic-app .intro{padding:30px 0 25px}.wildmagic-app .workspace{grid-template-columns:1fr}.wildmagic-app .roll-panel{border-right:0;border-bottom:1px solid #454050;padding:24px}.wildmagic-app .result-panel{padding:26px 24px}.wildmagic-app .input-wrap{max-width:240px}.wildmagic-app input{font-size:3.7rem}.wildmagic-app .error,.wildmagic-app .hint{min-height:0;margin-bottom:16px}.wildmagic-app .keyboard{margin-top:14px}.wildmagic-app .empty{min-height:190px}.wildmagic-app footer{flex-direction:column;gap:4px}.wildmagic-app header{letter-spacing:.1em}.wildmagic-app h2{font-size:1.8rem}}.wildmagic-app .subroll-field{margin:24px 0}.wildmagic-app .subroll-field label{display:block;font-size:1rem;line-height:1.5;color:#eadcf8}.wildmagic-app .subroll-entry{display:flex;align-items:center;gap:16px;margin-top:12px}.wildmagic-app .subroll-entry input{width:135px;border:1px solid #8f7da9;border-radius:6px;background:#11131a;padding:10px 14px;font-size:2rem}.wildmagic-app .subroll-entry input:focus{outline:2px solid #d4b7ff;outline-offset:3px}.wildmagic-app .subroll-entry input[aria-invalid=true]{border-color:#ffc3bd}.wildmagic-app .subroll-entry span{font-size:.875rem;color:#bbb0c9}.wildmagic-app .subroll-field .error,.wildmagic-app .subroll-field .hint{min-height:0;margin:10px 0 0}.wildmagic-app .outcome{border-left:3px solid #cfb6ef;background:#22202e;padding:20px 22px;margin:24px 0}.wildmagic-app .outcome h3,.wildmagic-app .turn-result>h3{font-family:Georgia,serif;font-size:1.6rem;font-weight:400;line-height:1.3;margin:0 0 12px;color:#f3e9ff}.wildmagic-app .outcome p{font-size:1.0625rem;line-height:1.8;margin:0}.wildmagic-app .outcome .eyebrow{font-size:.75rem;margin-bottom:10px;color:#c8afdF}.wildmagic-app .transformations{padding-left:20px;margin:18px 0 0}.wildmagic-app .transformations li{font-size:1rem;line-height:1.7;margin:12px 0}.wildmagic-app .turn-result{border-top:1px solid #51445f;padding-top:24px}.wildmagic-app .turn-roll>.hint{min-height:0}.wildmagic-app .effect{margin-top:0}.wildmagic-app .rating-positive-1{--result-bg:#1b3028;--result-accent:#86c7a0}.wildmagic-app .rating-positive-2{--result-bg:#173e2b;--result-accent:#78e8a5}.wildmagic-app .rating-positive-3{--result-bg:#0d5130;--result-accent:#85ffb5}.wildmagic-app .rating-negative-1{--result-bg:#35252a;--result-accent:#dca0aa}.wildmagic-app .rating-negative-2{--result-bg:#4b232c;--result-accent:#ff9dab}.wildmagic-app .rating-negative-3{--result-bg:#62202b;--result-accent:#ffabba}.wildmagic-app .rating-neutral{--result-bg:#292c33;--result-accent:#c1c6d0}.wildmagic-app .rating-situational{--result-bg:#3d301b;--result-accent:#f6d087}.wildmagic-app .rated-result{background:var(--result-bg,#22202e);border-color:var(--result-accent,#cfb6ef);border-radius:0 6px 6px 0;color:#f4f0f5}.wildmagic-app .rating-label{display:block;color:var(--result-accent,#cfb6ef);font-size:.875rem;font-weight:700;letter-spacing:.035em;margin:0 0 14px}.wildmagic-app .rated-result .eyebrow{color:#e5ddeb}.wildmagic-app .rated-result h3{color:#fff5fc}.wildmagic-app .transformations{list-style:none;padding-left:0}.wildmagic-app .transformations .rated-result{margin:0;padding:14px 16px}.wildmagic-app .transformations .rating-label{margin-bottom:6px}.wildmagic-app .rating-legend{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:.875rem;color:#c2bbc9;margin:22px 0 0;line-height:1.5}.wildmagic-app .rating-legend span:before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;background:#86c7a0;margin-right:7px}.wildmagic-app .rating-legend span:nth-child(2):before{background:#ff9dab}.wildmagic-app .rating-legend span:nth-child(3):before{background:#f6d087}.wildmagic-app .rating-legend span:nth-child(4):before{background:#c1c6d0}.wildmagic-app .rating-legend small{flex-basis:100%;font-size:.8125rem;color:#aaa3b4}.wildmagic-app{min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:#11131a;color:#efeee9;background:transparent;color:#f3f4f6;font-family:var(--font-inter),Arial,sans-serif;min-height:calc(100vh - 200px)}.wildmagic-app main{max-width:1152px;padding:144px 32px 48px}.wildmagic-app .intro{padding:0 0 32px;text-align:center}.wildmagic-app .eyebrow{color:#d4af37}.wildmagic-app h1,.wildmagic-app h2,.wildmagic-app h3,.wildmagic-app input{font-family:var(--font-medieval),serif}.wildmagic-app h1{font-size:clamp(2.75rem,6vw,3.75rem);color:#d4af37;letter-spacing:-.025em;line-height:1.15;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.wildmagic-app .empty h2,.wildmagic-app h2{color:#d4af37}.wildmagic-app .intro-help{font-size:1.0625rem;color:#d1d5db;margin:16px 0 0;line-height:1.6}.wildmagic-app .workspace{border-color:rgba(212,175,55,.35);background:rgba(31,41,55,.8);box-shadow:0 20px 35px rgba(0,0,0,.3)}.wildmagic-app .roll-panel{background:rgba(17,24,39,.7);border-color:rgba(212,175,55,.3)}.wildmagic-app .result-panel{background:rgba(31,41,55,.8)}.wildmagic-app .hint,.wildmagic-app .input-wrap span,.wildmagic-app .keyboard,.wildmagic-app .result-meta,.wildmagic-app .subroll-entry span,.wildmagic-app footer{color:#9ca3af}.wildmagic-app .input-wrap{border-color:#a98035}.wildmagic-app .input-wrap:focus-within{border-color:#d4af37}.wildmagic-app input{color:#f3df93}.wildmagic-app input::-moz-placeholder{color:#9ca3af}.wildmagic-app input::placeholder{color:#9ca3af}.wildmagic-app .input-wrap.invalid{border-color:#f0a6a0}.wildmagic-app .error{color:#ffc3bd}.wildmagic-app button{background:linear-gradient(90deg,#8b1a1a,#a66124);border:2px solid rgba(212,175,55,.65);border-radius:8px;color:#fff;font-family:var(--font-inter),Arial,sans-serif;text-shadow:1px 1px 3px rgba(0,0,0,.5);min-height:48px;box-shadow:0 4px 8px rgba(0,0,0,.25)}.wildmagic-app button:hover{background:linear-gradient(90deg,#a01e1e,#ae6928);border-color:#d4af37}.wildmagic-app button:focus-visible,.wildmagic-app summary:focus-visible{outline-color:#d4af37}.wildmagic-app .subroll-entry input{background:#111827;border-color:#a98035}.wildmagic-app .subroll-entry input:focus{outline-color:#d4af37}.wildmagic-app .subroll-field label{color:#f3f4f6}.wildmagic-app .empty svg,.wildmagic-app summary{color:#d4af37}.wildmagic-app .effect,.wildmagic-app .empty p,.wildmagic-app details p{color:#d1d5db}.wildmagic-app .range,.wildmagic-app .turn-result,.wildmagic-app details{border-color:rgba(212,175,55,.3)}.wildmagic-app .rating-legend{color:#d1d5db}.wildmagic-app .rating-legend small{color:#9ca3af}.wildmagic-app .rated-result .effect{color:inherit}.wildmagic-app .rated-result h3{color:#f9fafb}.wildmagic-app .rated-result .eyebrow{color:#e5e7eb}@media(max-width:740px){.wildmagic-app main{padding:136px 16px 32px}.wildmagic-app .intro{padding-bottom:24px}.wildmagic-app .workspace{border-radius:12px}}