:root{color-scheme:light;--ink:#203e38;--muted:#657b70;--paper:#f5f5e9;--green:#225c4f;--lime:#dbeaab;--focus-color:#ad6329}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#dfe9d0,transparent 50%),var(--paper);color:var(--ink);font-family:'Segoe UI',sans-serif;line-height:1.5}button,input,select{font:inherit}button,a{-webkit-text-fill-color:currentColor}button{border:1px solid #a7bba9;background:#f8faf0;color:var(--ink);border-radius:12px;padding:10px 18px;min-height:44px;cursor:pointer;font-weight:650}button:hover:not(:disabled){background:#e0eaca;color:#193d38}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.primary{background:var(--green);border-color:var(--green);color:#fff}button.primary:hover:not(:disabled){background:#173f36;color:#fff}.secondary{background:var(--lime);color:#244438;width:100%}input,select{border:1px solid #a7bba9;background:#fffefa;color:var(--ink);border-radius:10px;padding:9px 12px;min-height:44px;max-width:100%;min-width:0}a{color:#2b6253}a:hover{color:#133d31}p{color:var(--muted);margin:8px 0}h1,h2,h3{line-height:1.15;margin:12px 0;overflow-wrap:anywhere}h1{font-size:clamp(32px,5vw,64px);letter-spacing:-.055em;max-width:720px}h2{font-size:28px}h3{font-size:18px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--focus-color);outline-offset:3px}[hidden]{display:none!important}.hide-shell{max-width:1180px;padding:24px 24px 60px;margin:auto}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:25px 0 35px}.hero p{font-size:17px;max-width:650px}.eyebrow,.hero .eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#658371}.hero-stamp{background:#dce8b6;transform:rotate(6deg);border:1px solid #bdd092;border-radius:30px;padding:26px;font-size:32px;font-weight:800;text-align:center;line-height:1.1}.hero-stamp small{font-size:13px;font-weight:500}.home-grid{display:grid;grid-template-columns:350px 1fr;gap:24px}.card{border:1px solid #d7dfcd;border-radius:24px;padding:28px;background:#fffef7;box-shadow:0 8px 30px #29493905}.tailor{background:#e8eee0}.tailor canvas{width:100%;max-height:260px;object-fit:contain;display:block}.character-form{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:12px}.character-form label{font-size:13px;font-weight:600}.fine{font-size:12px;line-height:1.6}.shop-link{display:inline-block;margin-top:18px;font-weight:700}.pill{font-size:10px;letter-spacing:.12em;font-weight:800;background:#eef3dc;color:#557242;padding:7px 10px;border-radius:7px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.live-dot{width:9px;height:9px;background:#689966;border-radius:50%;box-shadow:0 0 0 6px #e8f0df}.create-row,.join-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 12px}.create-row label{font-size:13px}.create-row button{margin-left:auto}.join-row input{flex:1;min-width:140px;letter-spacing:.12em}.room-heading{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.quiet{background:transparent;border-color:transparent;padding:8px;font-size:13px}.danger{color:#9b4940}.rooms{display:grid;gap:8px;max-height:260px;overflow:auto}.room-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f3f5e9;border-radius:12px;padding:12px}.room-row strong{display:block;font-size:14px}.room-row small{color:var(--muted)}.empty{border:1px dashed #cbd6bf;border-radius:12px;text-align:center;padding:18px;font-size:13px}.bot-mode{border-top:1px solid #e3e8d8;margin-top:25px;padding-top:25px}.bot-fields{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:10px;margin:16px 0}.bot-fields label{font-size:13px}.notice{border-radius:12px;background:#fff0d4;padding:14px 18px;color:#725026}.notice:empty{display:none}.members{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.member{padding:8px 12px;border-radius:10px;background:#eff3e2;font-size:13px}.member.host{border:1px solid #7d9a70}#room-panel{margin-bottom:20px}.play-panel{background:#21463d;border-radius:24px;overflow:hidden;color:#fff;margin:20px 0;box-shadow:0 16px 45px #1a3f3422}.hud{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:18px 24px;flex-wrap:wrap}.hud small{display:block;color:#bfd5bc;font-size:10px;letter-spacing:.07em}.hud strong{font-size:22px}.hud button{background:#315b4e;color:#fff;border-color:#517768}.world-wrap{position:relative;overflow:hidden}#world{display:block;width:100%;height:clamp(280px,60vh,680px);touch-action:none;outline-offset:-4px}.map-tag{position:absolute;right:18px;bottom:15px;background:#193d38c9;color:#e4edce;padding:6px 12px;font-size:9px;letter-spacing:.16em;border-radius:6px;pointer-events:none}.veil{position:absolute;inset:0;background:#193d38e8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;color:#fff}.veil p{max-width:430px;color:#d2e3d0}.veil h2{font-size:clamp(28px,4vw,44px)}.veil button{margin-top:18px}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 24px}.game-bottom p{color:#e4edce;font-size:14px}.stamina-label{font-size:11px;color:#bfd5bc;min-width:130px}progress{display:block;width:130px;accent-color:#c8da8d;height:9px}.touch-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 24px}.dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px}.dpad [data-key=up]{grid-column:2}.dpad [data-key=left]{grid-column:1;grid-row:2}.dpad [data-key=down]{grid-column:2;grid-row:2}.dpad [data-key=right]{grid-column:3;grid-row:2}.touch-controls button{touch-action:none;user-select:none;padding:8px 12px}.touch-controls .held{background:#dbeaab;color:#244438}.touch-controls .primary{background:#dbeaab;color:#244438;border-color:#dbeaab}.controls,.events{font-size:12px;color:#b9d0b8;padding:0 24px 12px}.events:empty{display:none}.results{display:grid;gap:8px;margin:20px 0}.result-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e4e9d9;padding:10px 0}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:35px 10px}.rules span{font-size:12px;font-weight:700;color:#98aa89}.rules p{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.arcade-nav{color:var(--ink)}.arcade-nav a{color:var(--ink)}.arcade-nav select{background:#fffefa;color:var(--ink)}
@media(max-width:800px){.home-grid{grid-template-columns:1fr}.tailor{display:grid;grid-template-columns:180px 1fr;gap:10px 24px}.tailor>.eyebrow,.tailor>.fine,.tailor>.shop-link{grid-column:1/-1}.tailor canvas{align-self:center}.rules{gap:18px}.bot-fields{grid-template-columns:auto 1fr}}
@media(max-width:480px){.hide-shell{padding:12px 12px 40px}.hero{gap:8px;padding:15px 0 22px}.hero-stamp{display:none}.hero p{font-size:14px}.card{padding:20px;border-radius:18px}.tailor{display:block}.tailor canvas{height:180px}.character-form{gap:8px}.create-row button{width:100%;margin:0}.join-row button{width:100%}.hud{gap:12px;padding:14px}.hud small{font-size:8px}.hud strong{font-size:17px}.hud button{font-size:12px}.game-bottom{padding:10px 14px;align-items:flex-start;gap:10px}.game-bottom p{font-size:12px}.stamina-label{min-width:80px}progress{width:80px}.touch-controls{padding:10px 14px;gap:8px}.touch-controls button{font-size:12px}.dpad{grid-template-columns:repeat(3,38px)}.dpad button{min-width:38px;padding:6px}.rules{grid-template-columns:1fr;gap:8px}.rules article{border-top:1px solid #d7dfcd;padding-top:16px}.controls{font-size:11px;padding:0 14px 12px}.map-tag{font-size:7px;padding:4px 6px;bottom:8px;right:8px}}

body .game-wardrobe{background:#e8eee0;color:#203e38;border-color:#cbd8c0}body .game-wardrobe h2,body .game-wardrobe label{color:#294f43}body .game-wardrobe p{color:#617866}body .game-wardrobe select{background:#fffef7;color:#294f43;border-color:#a7bba9}body .game-wardrobe a{color:#2b6253;-webkit-text-fill-color:#2b6253}body .game-wardrobe a:hover{color:#133d31;-webkit-text-fill-color:#133d31}

body .tailor .game-wardrobe{grid-column:1/-1;grid-template-columns:1fr;padding:16px;margin:18px 0 0;gap:8px;max-width:100%;box-shadow:none}body .tailor .game-wardrobe h2{font-size:16px}body .tailor .game-wardrobe a{display:none}

.room-bots{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;margin:18px 0;background:#edf2e3;border-radius:12px}.room-bots p{flex-basis:100%;font-size:13px;margin:0}

.hero-step{display:block;margin:.8rem 0;font-size:1.05rem;font-weight:750}.tailor>#gender{width:100%;min-height:46px;border:2px solid #80a38b;border-radius:12px;background:#f5f5e9;color:#23493e;padding:.6rem}.tailor input[readonly]{background:#e4ede1;color:#345146;border-style:dashed}.room-activity{padding:.8rem 1rem;border-radius:12px;background:#e7f0d8;color:#254939;border-left:4px solid #6f965c;overflow-wrap:anywhere}.room-activity:empty{display:none}.members .newcomer{background:#fff0be;border:2px solid #b9984d}.member{overflow-wrap:anywhere}

.timing-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}.timing-controls select{width:auto;min-width:85px}.room-timing{margin:12px 0;padding:12px;border:1px solid #b6c6ba;border-radius:12px}#timing-home{margin-bottom:20px}#timing-editor[hidden]{display:none}