*{box-sizing:border-box}body{margin:0;background:#f7f2e9;color:#343044;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,select{font:inherit}button{cursor:pointer;border:0;border-radius:14px;padding:10px 15px;background:#fff;box-shadow:0 2px 8px #0002;color:#37334b}button:active{transform:scale(.98)}header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 22px;background:#fff6e9}h1{font-size:clamp(23px,3vw,34px);margin:0;color:#7351a5}h1 span{color:#e5ac4e}small{color:#756f80}.headerRight{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.headerRight select{border:1px solid #ddd;border-radius:10px;padding:7px}.solo{font-size:12px;background:#e9f1ec;padding:8px;border-radius:20px}.play{max-width:1450px;margin:auto;padding:10px 14px}.game{position:relative;height:min(76vh,760px);min-height:420px;overflow:hidden;border-radius:24px;background:#a2d9f3;box-shadow:0 8px 30px #7d8b8c55}.game canvas{display:block;width:100%;height:100%}.hud{position:absolute;left:16px;top:16px;display:flex;flex-direction:column;gap:5px;background:#fffc;padding:12px 16px;border-radius:15px;pointer-events:none}.hud span{font-size:12px}.leftControls{position:absolute;left:20px;bottom:90px;display:flex;align-items:center;flex-direction:column;gap:3px;touch-action:none}.leftControls div{display:flex;gap:4px}.leftControls button{width:48px;height:48px;touch-action:none;background:#ffffffb8}.enter{position:absolute;bottom:92px;left:50%;transform:translate(-50%);background:#fff0b4;font-weight:700}.bottomBar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:7px;max-width:96%;overflow:auto;padding:5px}.bottomBar button{white-space:nowrap;background:#fffffff0;font-weight:650}.bottomBar button.active,.inventory button.active{background:#6c4b9e;color:#fff}.inventory{display:flex;gap:8px;overflow-x:auto;padding:12px 0}.inventory button{display:flex;gap:6px;align-items:center;white-space:nowrap}.swatch{width:17px;height:17px;border-radius:4px;border:1px solid #888}.status{max-width:1450px;margin:0 auto;padding:0 20px 10px;color:#655c73;font-size:14px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c2034a8;display:flex;align-items:center;justify-content:center;z-index:20;padding:12px}.modal{position:relative;background:#fffaf4;border-radius:22px;padding:24px;max-width:780px;width:100%;max-height:95vh;overflow:auto;box-shadow:0 20px 70px #0004}.modal h2{color:#6c4b9e}.modal select{max-width:100%;padding:12px;border-radius:12px}.close{float:right}.prompt{background:#f1e6fc;padding:20px;border-radius:15px;font-size:20px}.artTools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.colorDot{width:35px;height:35px;border-radius:50%;padding:0}.drawing{width:100%;aspect-ratio:8/5;border:2px solid #d9d3c9;border-radius:10px;background:#fff;touch-action:none;display:block}.primary{background:#7554a7;color:#fff;margin-top:12px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}.gallery button{display:flex;flex-direction:column;gap:7px}.gallery img{width:100%;aspect-ratio:8/5;object-fit:contain}.wall{min-height:230px;background:#f5d4b8;display:flex;align-items:center;justify-content:center;padding:25px;border:8px solid #c59a78;margin:20px 0}.wall img{max-height:240px;max-width:95%;border:13px ridge #a9773c}footer{text-align:center;padding:12px;color:#81778d;font-size:12px}@media (max-width:650px){.game{min-height:390px;height:70vh}.bottomBar button{padding:9px}.hud{padding:8px}.leftControls button{width:42px;height:42px}header{padding:9px;align-items:flex-start}.solo{display:none}.modal{padding:14px}}body{background:linear-gradient(145deg,#fff4e7,#e9f3e9);color:#3b3050}header{background:#fff9eeef;border-bottom:1px solid #e8d8c6}h1{letter-spacing:-1.2px;color:#7c4eaa}.game{border:5px solid #f8ead5;border-radius:28px;box-shadow:0 18px 48px #6b75634b}.hud{background:#fff9e9e8;border:2px solid #f5d9a8;box-shadow:0 5px 15px #0002}.bottomBar{background:#ffffff6e;border-radius:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottomBar button{min-height:45px}.leftControls button{border:2px solid #ffffff88;font-size:18px;font-weight:800}.inventory{background:#fff8ec;border-radius:18px;padding:12px;margin-top:8px}.inventory button{min-height:45px}.enter{background:#ffdf8a;border:2px solid white;box-shadow:0 6px 18px #0003}.modal{border:5px solid #f0dcb9}.status{padding-top:7px}@media (max-width:900px){.game{height:76vh;min-height:450px}.bottomBar{left:auto;right:6px;transform:none;max-width:72%}.bottomBar button{font-size:13px;padding:9px}.leftControls{left:12px;bottom:85px}}.islandGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:20px}.islandGrid button{min-height:135px;text-align:left;display:flex;flex-direction:column;gap:9px;border:2px solid #decde7;background:#f8f1ff}.islandGrid button span{color:#7652a2;font-weight:700}.islandGrid button small{line-height:1.4}.islandGrid button:disabled{opacity:.55;cursor:not-allowed;background:#eee}.islandGrid .currentIsland{border-color:#8d59b4;background:#e9d9ff}