*{box-sizing:border-box}:root{--water:#a8dce4;--ground:#e4d2a0;--ink:#244b5b;--accent:#f2bd60;--glow:#ffffff}body{margin:0;min-height:100vh;padding:20px;background:radial-gradient(ellipse at 50% 0,#ffffff36,transparent 55%),var(--water);color:var(--ink);font:15px/1.5 system-ui,sans-serif;display:grid;place-items:center}.shell{width:min(1040px,100%);padding:clamp(16px,3vw,32px);border:1px solid #ffffff99;border-radius:24px;background:#ffffffd9;box-shadow:0 24px 80px #19394a30}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.eyebrow{font-size:.7rem;letter-spacing:.16em;font-weight:900;color:var(--accent);margin:0}h1{margin:4px 0;font-size:clamp(2rem,6vw,3.3rem);line-height:1.05}header p:last-child{margin:6px 0 0;opacity:.78}.badge{padding:9px 12px;border:1px solid #278a6b55;border-radius:999px;background:#fff9;color:#286850;font-size:.67rem;font-weight:900;letter-spacing:.08em;white-space:nowrap}.world-wrap{position:relative;overflow:hidden;border:5px solid #fff;border-radius:19px;background:var(--water);box-shadow:0 12px 30px #18364a27}canvas{display:block;width:100%;height:min(55vw,440px);min-height:270px;touch-action:none}.world-label{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:8px;background:#08152a99;color:white;font-size:.62rem;font-weight:900;letter-spacing:.1em}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:14px 0}button,select{border:1px solid #234a5a33;border-radius:10px;background:#fff;color:var(--ink);padding:10px 12px;font:700 .83rem system-ui;cursor:pointer}button{background:var(--accent);color:white;border-color:transparent}button:hover{filter:brightness(1.07);transform:translateY(-1px)}button:focus-visible,select:focus-visible{outline:3px solid var(--glow);outline-offset:2px}label{display:flex;align-items:center;gap:6px;color:#506770;font-size:.62rem;font-weight:900;letter-spacing:.07em}.world-stats{display:flex;flex-wrap:wrap;gap:8px 18px;padding:11px 2px;color:#47616b;font-size:.68rem;font-weight:900;letter-spacing:.07em}details{border-top:1px solid #284d5b22;padding:12px 2px;color:#546d74;font-size:.8rem}summary{font-weight:800;cursor:pointer;color:var(--ink)}footer{border-top:1px solid #284d5b22;padding-top:12px;color:#617981;font-size:.72rem}@media(max-width:600px){body{padding:9px}.shell{border-radius:17px}header{align-items:flex-start;flex-direction:column}.badge{align-self:flex-end}canvas{height:68vw;min-height:250px}.toolbar label{flex:1 1 45%;justify-content:space-between}.toolbar select{max-width:55%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}