/* FORJA 0.3 — shared material system, readable controls, no network font dependency. */
:root{--gold:#d9bc87;--ink:#090e16;--muted:#a1acbd;--line:#d4dbe81c;--surface:#111925;--gold-line:#d9bc8738}
.ui-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none}.primary .ui-icon{margin-left:18px}.primary{box-shadow:inset 0 1px 0 #ffebc85c,0 8px 25px #0002;border-radius:3px}button{border-radius:3px}button:disabled{opacity:.52}.entry-nav{position:absolute;top:29px;left:50%;transform:translateX(-50%);display:flex;gap:34px;align-items:center;z-index:32;white-space:nowrap;font-size:10px;letter-spacing:.14em}.entry-nav button{background:none;border:0;padding:8px 0;color:#a5afbf;font-size:10px;letter-spacing:.14em}.entry-nav .active{color:var(--gold);padding:8px 0;border-bottom:1px solid var(--gold)}.entry-nav button:hover{background:none!important;color:#fff}.entry-copy{padding-top:clamp(155px,25vh,310px)}.entry-copy h1{font-size:clamp(66px,7.8vw,130px)}.entry-copy p{font-size:clamp(14px,1.15vw,18px);color:#b3becf;line-height:1.9}.entry-actions .secondary{border:1px solid #d6b47950;padding:15px 22px;min-width:285px;text-align:center;background:#10192599;color:#d4b887;letter-spacing:.08em}.entry-actions .secondary .ui-icon{margin-right:8px;width:15px}.entry-actions .secondary:hover{background:#30271790!important}.entry-art .hero-front{animation:hero-breathe 7s ease-in-out infinite}.entry-art:after{content:"";position:absolute;inset:70% -20% -20%;background:linear-gradient(transparent,#090e16);z-index:2}.entry-meta{border-top:1px solid #c9ad762b;padding-top:22px;max-width:355px;gap:38px}.entry-meta span>b{font:21px Georgia;margin-bottom:5px}.entry-meta span{font-size:10px;color:#8390a4}.menu-footer{color:#8c99ae}.scene-heading p{color:#a5b0c0}.mode-copy p{font-size:12px;color:#a1afc1}.mode-copy .eyebrow{font-size:9px}.mode-card{border-radius:3px}.mode-card:hover{box-shadow:0 0 0 1px #c7a97a44}.mode-enter{font-size:10px}.brand{filter:drop-shadow(0 2px 3px #000)}
@keyframes hero-breathe{50%{transform:translateY(-5px)}}
.forge-screen{padding:83px clamp(20px,3.3vw,66px) 22px;height:100dvh;min-height:680px;background:radial-gradient(ellipse at 48% 45%,#29304833,transparent 57%),linear-gradient(130deg,#090e18f2,#0b101df5)}
.forge-screen .editor-heading{padding:6px 0 23px;gap:23px}.forge-screen .editor-heading h1{font:500 clamp(25px,2.5vw,38px)/1.15 Georgia;margin-top:7px}.forge-screen .editor-heading>.editor-hint{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.12em;color:#8d9db3}.forge-screen .editor-heading>.editor-hint svg{width:14px}.forge-screen .editor-heading>button{font-size:10px;color:#c0cbd9;border-color:#ffffff24;padding:11px 15px}.forge-screen .editor-heading .eyebrow{font-size:10px}
.forge-layout{display:grid;grid-template-columns:minmax(155px,205px) minmax(290px,1fr) minmax(355px,435px);gap:clamp(18px,2.4vw,44px);padding-top:25px;min-height:0;flex:1}
.forge-roster{display:flex;flex-direction:column;min-height:0}.forge-roster>header{font-size:9px;color:#a8b4c7;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;letter-spacing:.14em}.forge-roster>header>b{color:#dbc390}.forge-roster>.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(64px,1fr));gap:8px;max-height:none;min-height:0;flex:1}.forge-roster .fighter-card{border-radius:3px;min-height:0;filter:saturate(.65)}.forge-roster .fighter-card img{object-position:50% 28%;opacity:.7}.forge-roster .fighter-card.chosen{filter:none;border:1px solid #d9bc87;box-shadow:0 0 0 2px #d9bc8722}.forge-roster .fighter-card.chosen img{opacity:1}.forge-roster .fighter-card span{font-size:9px;bottom:20px;line-height:1.15;left:8px;right:3px}.forge-roster .fighter-card small{font-size:7px;bottom:7px;left:8px}.forge-roster .fighter-card:hover img{opacity:1}.forge-roster>p{font-size:9px;line-height:1.6;color:#8090a8;margin:14px 0 0}
.forge-preview{position:relative;display:block;overflow:hidden;min-height:0;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--fighter-color) 5%,transparent),transparent 65%)}.forge-preview>.preview-title{position:absolute;left:0;right:0;top:16px;text-align:center;z-index:2;pointer-events:none}.preview-title>.eyebrow{font-size:9px}.preview-title h2{font:500 clamp(27px,2.7vw,45px)/1.2 Georgia;margin:9px 0;color:#eee6d7;overflow-wrap:anywhere}.preview-title small{font-size:8px;color:#91a0b6;letter-spacing:.1em}.forge-preview>canvas{width:125%;height:calc(100% - 70px);position:absolute;left:-12.5%;top:65px;object-fit:contain;pointer-events:none}.preview-status{position:absolute;bottom:111px;left:0;right:0;display:flex;justify-content:center;gap:7px;align-items:center;font-size:8px;color:#dbbd89;letter-spacing:.09em}.preview-status>i{width:4px;height:4px;border-radius:50%;background:#e9c899;box-shadow:0 0 9px #ffcb6577}.preview-status>small{font-size:7px;color:#7c8ba4;border-left:1px solid #ffffff30;padding-left:8px}.preview-actions{position:absolute;bottom:63px;display:flex;left:0;right:0;justify-content:center;gap:5px}.preview-actions>button{padding:8px 10px;background:#121c2990;font-size:10px;border-color:#ffffff22}.preview-base-stats{position:absolute;bottom:13px;left:0;right:0;display:flex;justify-content:center;gap:40px;font-size:8px;color:#92a0b3;text-align:center}.preview-base-stats b{display:block;font:20px Georgia;color:#dfe2df;margin-bottom:4px}
.forge-workbench{min-height:0;display:flex;flex-direction:column;background:linear-gradient(160deg,#151e2cba,#101725a0);border:1px solid #d4dbe81c;border-radius:4px;overflow:hidden}.forge-tabs{display:flex;border-bottom:1px solid #ffffff12;flex-shrink:0}.forge-tabs>button{position:relative;flex:1;padding:14px 4px;display:flex;flex-direction:column;align-items:center;gap:7px;border:0;border-radius:0;background:none;color:#8a99ad;font-size:9px}.forge-tabs>button>.ui-icon{width:17px;height:17px}.forge-tabs>button.active{color:#e4c995;background:#d1b17a09}.forge-tabs>button.active:after{content:"";position:absolute;bottom:0;left:15px;right:15px;height:2px;background:#d9bc87}.forge-tabs>button>small{position:absolute;right:10px;top:7px;font-size:8px;color:inherit}.forge-tabs>button:hover{background:#ffffff06!important}
.forge-options{flex:1;min-height:0;background:none;border:0;border-radius:0;padding:0;overflow-y:auto;scrollbar-color:#596077 #101825}.studio-section{padding:25px clamp(18px,2vw,30px)}.studio-section>.eyebrow{font-size:9px}.studio-section>h2{font:500 27px/1.2 Georgia;margin:11px 0 10px;color:#eae4d7}.studio-section>p{font-size:12px;line-height:1.75;color:#99a9bf;margin-bottom:23px}.forge-field{font-size:9px;color:#d2dbe7;letter-spacing:.1em;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:21px 0 10px}.forge-field>small{font-size:7px;color:#7e90a9}.forge-options #forge-alias{display:block;width:100%;background:#080f1c;color:#eee4d1;border:1px solid #c6b48d46;border-radius:3px;font-size:17px;padding:14px 13px;outline-offset:3px}.forge-options #forge-alias::placeholder{color:#5f708c}.forge-options #forge-alias[aria-invalid="true"]{border-color:#ef837a}.studio-section>.field-hint{font-size:9px;line-height:1.75;color:#8093ad;margin:10px 0 20px}.forge-divider{height:1px;background:#ffffff10;margin:22px 0}.forge-swatches{display:flex;gap:9px;margin:14px 0 25px}.forge-swatches>button{height:31px;width:31px;border-radius:50%;padding:5px;background:radial-gradient(circle at 35% 25%,#fff9,var(--swatch) 52%,#10182b);border:2px solid #0b1120;box-shadow:0 0 0 1px #ffffff20}.forge-swatches>button.active{box-shadow:0 0 0 2px #e1c592}.forge-swatches>button .ui-icon{height:17px;width:17px;color:#fff;filter:drop-shadow(0 1px 2px #000)}.aura-toggle{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;color:#dedace;font-size:12px}.aura-toggle>span{display:flex;gap:13px;align-items:center}.aura-toggle svg{color:#d9bc87}.aura-toggle small{display:block;color:#8497af;font-size:10px;margin-top:6px}.aura-toggle input{accent-color:#d9bc87;width:17px;height:17px}.forge-origin{display:flex;align-items:start;gap:12px;border:1px solid #d9bc871f;background:#d9bc8705;padding:16px;margin:21px 0;color:#d8bf94}.forge-origin>b,.forge-origin div>b{font-size:11px;font-weight:500}.forge-origin p{font-size:10px;line-height:1.7;color:#8e9fb5;margin:6px 0 0}.forge-origin>.ui-icon{width:17px}.studio-actions{display:flex;gap:8px;margin-top:24px}.studio-actions>button{font-size:10px;padding:12px 14px;color:#d2bc94}.studio-actions>button:first-child{flex:1}.studio-actions>button .ui-icon{width:15px;margin-right:7px}.studio-actions>button:last-child svg{margin:0}.equipped-techniques{display:flex;flex-direction:column;border:1px solid #d9bc8728;margin:20px 0;background:#d9bc8705}.equipped-techniques>span{font-size:11px;color:#c9d3df;padding:10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff0b}.equipped-techniques b{color:#d9bc87;width:19px;text-align:center;border:1px solid #d9bc8740;padding:2px;font-size:10px}.technique-card{border:1px solid #b9c7df1f;background:#0b1421;margin-bottom:12px;border-radius:3px;padding:15px}.technique-head{display:flex;gap:10px;align-items:center}.technique-symbol{width:33px;height:33px;display:grid;place-items:center;color:#dbbd85;border:1px solid #d9bc8738;background:radial-gradient(circle,#d9bc8714,transparent)}.technique-symbol svg{width:18px}.technique-head h3{font-size:13px!important;color:#e3e4e0!important;margin:5px 0!important;letter-spacing:0!important}.technique-head small{font-size:8px;color:#c9ad7c;text-transform:uppercase;letter-spacing:.08em}.preview-technique{margin-left:auto;font-size:15px;width:29px;height:29px;padding:0;color:#e5c58b}.technique-card>p{font-size:10px;line-height:1.7;color:#8fa1b8;margin:12px 0}.technique-metrics{display:flex;justify-content:space-between;font-size:7px;color:#8fa1b8;padding:10px 0}.technique-metrics b{display:block;font-size:12px;color:#ced8e4;margin-bottom:5px;font-weight:500}.technique-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff10;padding-top:12px;margin-top:6px}.technique-card footer>small{font-size:8px;letter-spacing:.1em;color:#8c9db6}.technique-card .slot-buttons button{height:28px;width:31px;font-size:12px}.studio-subtitle{font:500 18px Georgia!important;color:#deccaa!important;letter-spacing:0!important;margin:26px 0 14px!important}.forge-options .option-button{padding:13px 10px;border-color:#ffffff18;margin-top:7px}.forge-options .option-button small{font-size:10px;line-height:1.6;color:#91a2b9}.forge-options .option-button b{font-size:12px;font-weight:500;color:#d6dfeb}.attribute-budget{border:1px solid #d9bc8730;background:#d9bc8707;text-align:center;padding:22px;margin:20px 0}.attribute-budget>b{display:block;font:42px Georgia;color:#e4c58e;margin-bottom:5px}.attribute-budget>span{font-size:9px;letter-spacing:.1em;color:#ab9a7d}.forge-options .stat-grid{display:flex;flex-direction:column;gap:7px}.forge-options .stat-control{background:#0c1422;padding:13px;border:1px solid #ffffff14;display:flex;gap:12px;align-items:center}.forge-options .stat-control>span{flex:1;color:#bccadc;font-size:12px}.forge-options .stat-control button{width:30px;height:30px;font-size:15px}.forge-options .stat-control>b{font-size:15px;color:#ddc99f;min-width:20px;text-align:center}
.forge-footer{display:flex;align-items:center;gap:35px;flex-shrink:0;border-top:1px solid #c1ccd820;margin-top:25px;padding-top:20px}.forge-footer .power-panel{padding:0;flex:0 1 290px}.forge-footer .power-panel>span{font-size:9px;align-items:center}.forge-footer .power-panel b{font:24px Georgia}.forge-footer .power-panel b>small{font:12px system-ui;color:#7386a0}.forge-footer .power-meter{margin:11px 0 2px;height:3px}.forge-footer-note{display:flex;gap:10px;align-items:center;font-size:10px;line-height:1.7;color:#8599b4}.forge-footer-note svg{width:16px;color:#a68c61}.forge-footer>.confirm{width:auto;min-width:275px;padding:17px 25px;margin-left:auto;font-size:11px;flex-shrink:0}.forge-footer>.confirm svg{width:17px}
.collection-tools{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0 22px}.collection-tools button{font-size:9px;padding:10px 9px}.collection-tools svg{width:13px;height:13px;margin-right:4px}.empty-collection{border:1px dashed #d2dbe826;padding:45px 20px;text-align:center;margin:20px 0}.empty-collection>svg{width:45px;height:45px;color:#d9bc87;margin-bottom:15px}.empty-collection h3{font:22px Georgia!important;color:#d9c296!important;letter-spacing:0!important}.empty-collection p{font-size:11px;line-height:1.8;color:#93a7c3}.preset-card{position:relative;display:flex;gap:12px;padding:13px 30px 13px 13px;border:1px solid #cfdaeb20;background:#0c1522;margin:10px 0;align-items:center;flex-wrap:wrap}.preset-card>img{width:55px;height:72px;object-fit:cover;border:1px solid #d9bc8730}.preset-card>div{flex:1;min-width:120px}.preset-card h3{font-size:14px!important;color:#e6dcca!important;margin:0 0 7px!important;overflow-wrap:anywhere}.preset-card small{font-size:9px;color:#91a6c4}.preset-card>div>button{font-size:8px;display:block;margin-top:12px;padding:7px;color:#d4ba87}.preset-card>div>button svg{width:12px;height:12px;margin-left:4px}.preset-card>.preset-remove{position:absolute;right:3px;top:6px;background:none;border:0;font-size:9px;padding:6px;color:#a89892}.preset-remove svg{width:14px}.cancel-delete{font-size:9px;margin-left:auto}.collection-counter{font-size:9px;display:block;margin-top:22px;color:#879cba}
@media(min-width:1750px){.forge-layout{grid-template-columns:245px minmax(300px,1fr) 505px}.forge-roster .fighter-card span{font-size:11px}.forge-roster .fighter-card small{font-size:8px}.studio-section{padding:30px 35px}.studio-section>h2{font-size:32px}.studio-section>p{font-size:13px}.forge-field{font-size:10px}.forge-options #forge-alias{padding:17px;font-size:19px}.forge-swatches>button{width:38px;height:38px}.aura-toggle{font-size:14px}.forge-origin p{font-size:11px}.forge-origin div>b{font-size:13px}.studio-actions>button{font-size:11px;padding:15px}.preview-actions>button{padding:10px 15px;font-size:11px}.preview-base-stats{gap:50px}.preview-base-stats b{font-size:25px}.forge-tabs>button{font-size:10px;padding:17px}.forge-footer>.confirm{min-width:320px;padding:21px;font-size:12px}.forge-roster>header{font-size:11px}.forge-roster>p{font-size:11px}.forge-footer-note{font-size:11px}}
@media(max-width:1150px){.forge-screen{height:auto;min-height:100dvh}.forge-layout{grid-template-columns:150px minmax(0,1fr);grid-template-rows:550px auto}.forge-roster{grid-column:1;grid-row:1}.forge-preview{grid-column:2;grid-row:1}.forge-workbench{grid-column:1/3;grid-row:2;min-height:420px}.forge-options{overflow:visible}.forge-tabs>button{flex-direction:row;justify-content:center;gap:9px;padding:18px}.forge-footer{position:sticky;bottom:0;background:#09111ef5;padding:16px;margin-left:-16px;margin-right:-16px;z-index:5}.forge-footer-note{display:none}.forge-footer>.power-panel{flex:1}.forge-roster>.roster-grid{grid-template-rows:repeat(5,minmax(0,1fr))}.forge-preview>canvas{top:25px}.entry-nav{gap:18px;left:48%;font-size:8px}.entry-nav button{font-size:8px}.forge-options .technique-card{max-width:none}.studio-section{padding:27px}.forge-options .forge-field{max-width:540px}.forge-options #forge-alias{max-width:540px}.forge-options .aura-toggle{max-width:540px}}
@media(max-width:650px){.entry-nav{display:none}.forge-screen{padding:77px 16px 15px}.forge-screen .editor-heading{gap:13px;align-items:center;padding-bottom:18px}.forge-screen .editor-heading h1{font-size:25px}.forge-screen .editor-heading>.editor-hint{display:none}.forge-screen .editor-heading>button{font-size:8px;padding:9px}.forge-layout{grid-template-columns:1fr;grid-template-rows:445px 230px auto;gap:22px}.forge-preview{grid-column:1;grid-row:1}.forge-roster{grid-column:1;grid-row:2}.forge-workbench{grid-column:1;grid-row:3}.forge-roster>.roster-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));min-height:185px;height:185px}.forge-roster>header{margin-bottom:8px}.forge-roster>p{display:none}.forge-roster .fighter-card span{font-size:8px;left:4px}.forge-roster .fighter-card small{font-size:6px;left:4px}.forge-preview>.preview-title{top:13px}.forge-preview .preview-title h2{font-size:30px}.forge-preview>canvas{height:385px;top:23px}.preview-status{bottom:103px}.preview-actions{bottom:58px}.preview-actions button{font-size:9px;padding:7px 9px}.preview-base-stats b{font-size:18px}.preview-base-stats{font-size:7px;gap:30px}.forge-tabs>button{flex-direction:column;font-size:9px;padding:15px 4px}.forge-footer{gap:13px;padding:12px 14px;bottom:0;margin-top:20px}.forge-footer>.confirm{min-width:0;padding:14px 12px;font-size:9px}.forge-footer>.confirm svg{margin-left:8px;width:13px}.forge-footer .power-panel>span{font-size:7px}.forge-footer .power-panel b{font-size:18px}.forge-footer .power-panel b>small{font-size:9px}.studio-section{padding:22px}.studio-section>h2{font-size:26px}.entry-actions .secondary{min-width:235px;padding:13px 18px;font-size:9px}.entry-copy h1{font-size:61px}.entry-copy{padding-top:150px}}
@media(max-height:580px) and (orientation:landscape){.entry-nav{display:none}.forge-screen{padding-top:65px}.forge-layout{grid-template-columns:135px minmax(0,1fr) minmax(305px,1fr);grid-template-rows:410px}.forge-roster{grid-column:1;grid-row:1}.forge-preview{grid-column:2;grid-row:1}.forge-workbench{grid-column:3;grid-row:1;min-height:0}.forge-options{overflow:auto}.forge-tabs>button{flex-direction:column;font-size:8px;padding:10px 3px}.forge-roster>.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;height:auto;grid-template-rows:repeat(5,minmax(0,1fr))}.forge-roster .fighter-card span{font-size:7px;bottom:17px}.forge-roster .fighter-card small{font-size:6px}.studio-section{padding:17px}.forge-preview>canvas{top:30px;height:340px}.forge-preview .preview-title h2{font-size:24px}.preview-base-stats{display:none}.preview-actions{bottom:12px;gap:3px}.preview-actions button{font-size:8px;padding:6px}.preview-status{bottom:54px}.forge-footer{position:static}}