*{box-sizing:border-box}body{color:#123047;background:#f3f8fa;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#087dac;border:0;border-radius:11px;padding:.65rem .9rem;font-weight:700}button.secondary,.text{color:#14516b;background:#e4f1f5}.danger{color:#b52323!important}label{gap:.35rem;font-size:.9rem;font-weight:650;display:grid}input,select,textarea{color:#17354a;background:#fff;border:1px solid #b8d0d8;border-radius:8px;width:100%;padding:.6rem}textarea{resize:vertical;min-height:64px}hr{border:0;border-top:1px solid #d6e4e8;width:100%;margin:1rem 0}.error{color:#a51f1f;background:#ffebeb;border-radius:8px;padding:.6rem}.muted,small{color:#587385}header{background:#fff;border-bottom:1px solid #dce8eb;align-items:center;height:65px;padding:0 clamp(1rem,5vw,4rem);display:flex}.brand{color:#063e61;font-size:1.15rem;font-weight:800;text-decoration:none}.brand small{margin-left:.45rem;font-size:.7rem}.home{max-width:1100px;margin:auto;padding:clamp(2rem,7vw,5rem) 1rem}.welcome{max-width:680px}.eyebrow{letter-spacing:.12em;color:#087dac;font-size:.72rem;font-weight:700}.welcome h1{margin:.35rem 0 1rem;font-size:clamp(2rem,6vw,4rem);line-height:1.03}.welcome p{font-size:1.1rem;line-height:1.55}.actions{flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;display:flex}.cards{gap:1rem;margin-top:3rem;display:grid}.card{background:#fff;border-radius:16px;grid-template-columns:80px 1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid;box-shadow:0 3px 12px #12304712}.mini{background:linear-gradient(#208fc1 70%,#d5b56d 70%);border-radius:10px;height:60px}.card h2{margin:0}.card p{margin:.25rem 0}.card-actions{flex-wrap:wrap;justify-content:end;gap:.4rem;display:flex}.editor{grid-template-columns:minmax(0,1fr) 330px;height:calc(100vh - 65px);display:grid}.stage{grid-template-rows:auto minmax(0,1fr) auto;gap:.7rem;min-width:0;padding:1rem;display:grid}.stagebar,.stage-controls{align-items:center;gap:.8rem;display:flex}.stagebar input{background:0 0;border:0;max-width:300px;font-size:1.1rem;font-weight:800}.view-link{margin-left:auto}.pixi-host{background:#0e83b0;border-radius:18px;height:100%;min-height:0;overflow:hidden;box-shadow:0 5px 25px #083a4b30}.pixi-host canvas{width:100%;height:100%;display:block}.panel{background:#fff;border-left:1px solid #dce8eb;flex-direction:column;gap:.75rem;padding:1.2rem;display:flex;overflow:auto}.panel h2,.panel h3{margin:.1rem 0}.creature{border:1px solid #d5e4e8;border-radius:10px;align-items:center;padding:.25rem;display:flex}.creature.selected{background:#effbff;border-color:#087dac}.creature-main{text-align:left;color:#143f57;background:0 0;flex:1;align-items:center;gap:.6rem;padding:.25rem;display:flex}.creature img,.creature-main>span:first-child{object-fit:contain;width:38px;height:38px}.creature-main span{display:grid}.creature small{font-weight:400}.icon{color:#286275;background:0 0;padding:.25rem .45rem;font-size:1.1rem}.form{gap:.65rem;display:grid}.viewer{background:#00283b;height:100vh;padding:10px}.viewer .pixi-host{border-radius:10px;height:100%}.viewer-controls{opacity:.84;gap:.4rem;display:flex;position:fixed;top:20px;right:20px}.viewer-controls button{background:#002e43cc}.info{background:#fffef9;border-radius:14px;max-width:300px;padding:1rem 2.5rem 1rem 1rem;position:fixed;bottom:25px;left:30px;box-shadow:0 4px 20px #00283b66}.info h2,.info p{margin:.15rem 0}.info button{color:#245269;background:0 0;font-size:1.4rem;position:absolute;top:.3rem;right:.4rem}@media (width<=780px){.editor{flex-direction:column;height:auto;min-height:calc(100vh - 65px);display:flex}.stage{height:62vh}.panel{border-top:1px solid #dce8eb;border-left:0}.card{grid-template-columns:60px 1fr}.card-actions{grid-column:1/-1;justify-content:start}.viewer-controls{flex-wrap:wrap;justify-content:center;inset:auto 15px 15px}}.editor{height:calc(100vh - 65px);display:block}.stage{height:100%;padding:1rem}.settings-button{white-space:nowrap;margin-left:.2rem}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#062f3b55;justify-content:flex-end;padding:1rem;display:flex;position:fixed;inset:0}.settings-modal{border-radius:18px;width:min(640px,100vw - 2rem);max-height:calc(100vh - 2rem);padding:1.5rem;box-shadow:0 12px 45px #00283b55;border:0!important}.modal-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.modal-heading h2{margin:.1rem 0}.modal-heading .icon{font-size:1.5rem}.modal-tabs{border-bottom:1px solid #dce8eb;gap:.35rem;margin:.5rem 0 1rem;display:flex}.modal-tabs button{color:#527184;background:0 0;border-radius:9px 9px 0 0;padding:.65rem .9rem}.modal-tabs button.active{color:#075675;background:#e4f1f5;box-shadow:inset 0 -3px #087dac}.tab-content{gap:.8rem;display:grid}.check-row{align-items:center;gap:.55rem;display:flex}.check-row input{width:auto}.effects-settings output{color:#087dac;justify-self:end;font-weight:800}.world-section{margin-top:3rem}.section-heading{border-bottom:1px solid #dce8eb;justify-content:space-between;align-items:end;padding-bottom:.75rem;display:flex}.section-heading h2{margin:.2rem 0 0;font-size:1.35rem}.public-section{margin-top:2.5rem}.public-card{grid-template-columns:80px 1fr auto}.public-mini{background:linear-gradient(#084b73 70%,#0c83a8 70%)}.effects-settings h3{margin:.5rem 0 0}.settings-layout{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid}.settings-layout.has-creature{grid-template-columns:minmax(0,1fr) minmax(250px,.85fr)}.settings-main{min-width:0}.creature-settings{border-left:1px solid #dce8eb;align-content:start;padding-left:1.25rem}@media (width<=780px){.editor{height:auto;min-height:calc(100vh - 65px)}.stage{height:72vh}.stagebar{flex-wrap:wrap}.settings-button{margin-left:auto}.modal-backdrop{padding:.5rem}.settings-modal{width:100%;max-height:calc(100vh - 1rem)}}@media (width<=900px){.settings-layout.has-creature{grid-template-columns:1fr}.creature-settings{border-top:1px solid #dce8eb;border-left:0;padding:1rem 0 0}}