:root{font-family:Arial,sans-serif;color:#344f57;background:#f5f1e7;--ink:#344f57;--soft:#e8e9dc;--gold:#c59053}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d2944c;outline-offset:3px}[hidden]{display:none!important}header{height:40px;display:flex;align-items:center;gap:10px;padding:0 18px;background:var(--ink);color:#fff7e7;flex-shrink:0}header button{border:0;background:none;color:inherit;font-size:21px;min-width:40px;height:40px;padding:0 8px}.brand{flex:1;font-size:12px;font-weight:bold;letter-spacing:2px;color:inherit;text-decoration:none}.brand span{font-size:8px;opacity:.6}header #language-picker{order:2;padding:0 4px;background:transparent}#pause{order:3}#full{order:4}#menu{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:80px;padding:54px 40px 42px;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;color:#b17d49;font-weight:bold}.eyebrow:before{content:'◆';margin-right:9px;font-size:8px}h1{font:normal clamp(52px,6vw,80px)/1.03 Georgia,serif;letter-spacing:-3px;margin:24px 0}h1 em{font-weight:normal;color:#b58051}.intro{font-size:14px;color:#7b8986;line-height:1.8}.scene{height:355px;border-radius:24px;position:relative;margin-top:24px;overflow:hidden;background:radial-gradient(ellipse at 60% 30%,#e4e9d7,#c8d2c3);border:1px solid #ccd5c6}.scene:before{content:'';position:absolute;width:360px;height:360px;border:1px solid #a6b7a4;border-radius:50%;top:40px;left:-100px}.preview-wrap{width:315px;height:315px;position:absolute;left:50%;top:5px;transform:translateX(-50%) rotate(-10deg);filter:drop-shadow(14px 21px 15px #344f5730)}#preview{width:100%;height:100%;border:7px solid #426168}.stamp{position:absolute;right:16px;top:25px;width:86px;height:86px;border-radius:50%;background:#ecc58b;display:grid;place-content:center;text-align:center;font:34px Georgia;transform:rotate(11deg);color:#675339;box-shadow:0 5px 0 #384e4410}.stamp span{font:8px Arial;max-width:62px;line-height:1.5}.scene-label{position:absolute;bottom:18px;left:18px;border-radius:8px;background:#f9f4e5;padding:12px;font-size:9px;letter-spacing:1.5px}.hero-foot{display:flex;justify-content:space-between;margin-top:16px;font-size:8px;letter-spacing:1px;color:#8a9690}.setup{background:#fffdf5;border:1px solid #e0e2d4;border-radius:24px;padding:30px;box-shadow:0 16px 50px #344f5708}h2{font:normal 31px Georgia;letter-spacing:-.7px;margin:20px 0 10px}.sub{font-size:12px;color:#7c8982;line-height:1.7;margin-bottom:24px}fieldset{padding:0;border:0;margin:0 0 18px}legend{font-size:12px;font-weight:bold;margin-bottom:10px}.devices{display:flex;gap:8px}.devices button{flex:1;text-align:left;border:1px solid #d8dfd2;border-radius:10px;background:none;padding:13px;font-weight:bold;font-size:13px;min-height:63px}.devices small{display:block;font-size:9px;font-weight:normal;color:#84958d;margin-top:7px}.devices .selected{background:#e5ebe0;border-color:#758c80}.choice-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}#counts{display:flex;gap:5px}#counts button{width:42px;height:42px;background:none;border:1px solid #d8dfd2;border-radius:9px}#counts .selected{background:var(--ink);color:white}#names{display:flex;gap:7px;margin:12px 0 18px}#names label{flex:1;min-width:0;font-size:9px;color:#7c8982}#names input{width:100%;min-height:42px;margin-top:5px;padding:9px;border-radius:8px;border:1px solid #d8dfd2;background:#f6f3e9;color:var(--ink);font-size:12px}.level-choice{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:10px}.level-choice select{max-width:60%;padding:10px;border:1px solid #d8dfd2;border-radius:8px;background:#fffdf5;color:var(--ink)}.check{display:flex;align-items:center;gap:8px;font-size:10px;color:#7c8982;margin:18px 0;min-height:24px}.check input{width:17px;height:17px;accent-color:#b58051}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px;background:#bb8251;border:0;border-radius:10px;color:#fffaf1;font-weight:bold;min-height:52px;box-shadow:0 4px 0 #8d613b22}.primary:hover{background:#a36d40}.primary span{font-size:22px}.how{font-size:11px;line-height:1.9;color:#7c8982;margin:18px 0}.how b{color:#344f57}.record{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1e5d7;padding-top:16px;font-size:9px;letter-spacing:1px;color:#899587}.record b{font-size:16px;color:var(--ink)}#ad{height:30px;border-top:1px solid #d8dfd1;background:#e9eddf;display:grid;place-content:center;font-size:10px;color:#889782;flex-shrink:0}body.playing{height:100dvh;overflow:hidden;display:flex;flex-direction:column}#game{flex:1;min-height:0;display:flex;flex-direction:column}#boards{flex:1;min-height:0;display:flex;gap:10px;padding:10px;background:#dce4d8}.board{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;background:#f5f1e7;border:1px solid #c6d2c2;border-radius:15px;padding:8px;overflow:hidden;--player-color:#60858a}.board:nth-child(2){--player-color:#b98657}.board:nth-child(3){--player-color:#8c849f}.hud{min-height:30px;display:flex;align-items:center;gap:9px;font-size:11px;border-bottom:1px solid #dee2d3;flex-shrink:0}.hud-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--player-color)}.field{flex:1;min-height:0;min-width:0;width:100%;display:flex;align-items:center;justify-content:center;padding:7px}.warehouse{position:relative;background:#dfdbca;border:5px solid #426168;border-radius:12px;overflow:hidden;touch-action:none;user-select:none;box-shadow:0 5px 0 #2a434b25;flex-shrink:0}.terrain,.pieces{position:absolute;inset:0;pointer-events:none}.tile{position:absolute;width:var(--unit-x);height:var(--unit-y);background:#e9e2cb;border:1px solid #ddd8c3}.tile:nth-child(even){background:#e4ddc7}.tile.wall{background:linear-gradient(#69868a 0 10%,#4c6a70 10% 80%,#3a555c 80%);border:1px solid #38535b;border-radius:3px;box-shadow:inset 2px 0 #849c9322}.tile.wall:after{content:'';position:absolute;left:48%;height:80%;width:1px;background:#38535b88}.tile.goal:after{content:'';position:absolute;inset:24%;border:2px solid #c99c51;border-radius:50%;background:#e8c87955;box-shadow:0 0 0 4px #cfaa6730}.piece{position:absolute;width:var(--unit-x);height:var(--unit-y);transition:left .1s ease,top .1s ease;pointer-events:none}.piece img{width:100%;height:100%;display:block}.piece.keeper{z-index:3}.piece.box{z-index:2}.piece.settled{filter:drop-shadow(0 0 4px #adc27688)}.warehouse.bump{animation:bump .15s}.controls{display:flex;gap:5px;justify-content:center;align-items:center;flex-shrink:0;padding-top:5px}.controls button{border:1px solid #c9d4c3;border-radius:9px;background:#fffaf0;min-height:44px;min-width:44px;font-size:21px;padding:4px 9px}.controls .undo{background:#e0e8da}.controls .reset{font-size:17px}.controls button:disabled{opacity:.32;cursor:default}.controls button:active{background:#cfdcc7}.feedback{font-size:10px;text-align:center;min-height:21px;padding:5px 0 0;color:#9e663e;flex-shrink:0}.game-footer{height:32px;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:10px;flex-shrink:0}.game-footer #status{flex:1;text-align:center;color:#7d8d7b}.game-footer button{border:0;background:none;color:inherit;height:32px;font-size:11px}.duel{flex-direction:column}.duel .board:first-child{transform:rotate(180deg)}.overlay{position:absolute;inset:0;z-index:5;background:#f8f5e8f2;display:flex;justify-content:center;align-items:center;text-align:center;padding:12px;overflow:auto}.overlay-inner{max-width:350px;margin:auto;width:100%}.overlay h2{font-size:28px;margin:6px 0 12px}.overlay p{font-size:12px;color:#748778}.overlay button{min-height:44px;padding:10px 18px;background:#344f57;border:0;border-radius:9px;color:#fff8e8;margin:5px;font-size:12px}.ranking{list-style:none;padding:0;margin:15px 0;font-size:12px}.ranking li{display:flex;justify-content:space-between;gap:10px;line-height:1.5;border-bottom:1px solid #d5ddcc;padding:5px}.ranking li span{overflow-wrap:anywhere;min-width:0}.ranking b{white-space:nowrap;font-size:11px}#toast{position:fixed;z-index:50;bottom:40px;left:15px;right:15px;margin:auto;max-width:600px;border-radius:10px;background:#344f57;color:white;padding:16px;font-size:13px}@keyframes bump{50%{transform:translateX(3px)}}@media(max-width:850px){#menu{gap:25px;padding:30px 24px}.setup{padding:22px}h1{font-size:60px}.scene{height:300px}.preview-wrap{width:270px;height:270px}.class-mode .controls{gap:3px;flex-wrap:wrap}.class-mode .controls button{padding:3px;min-width:36px}.class-mode .hud{gap:4px;font-size:10px}.class-mode .feedback{min-height:32px}}@media(max-width:620px){header{padding:0 6px;gap:3px}.brand span{display:none}#menu{grid-template-columns:1fr;gap:25px;padding:28px 20px}.hero h1{font-size:60px}.hero .scene{height:255px}.preview-wrap{width:245px;height:245px}.setup{padding:22px}.game-footer #status{display:none}.game-footer #level{flex:1}#boards{padding:5px;gap:5px}.board{padding:5px;border-radius:10px}.duel .field{padding:3px}.duel .hud{min-height:23px;font-size:10px}.duel .feedback{min-height:16px;padding:2px 0}.duel .controls{padding-top:1px}.duel .controls button{min-height:40px;min-width:40px;font-size:18px}.overlay h2{font-size:24px}.class-mode .controls button{min-height:36px;min-width:27px}.class-mode .hud{flex-wrap:wrap;min-height:40px;gap:2px}.class-mode .hud-name{flex-basis:100%}.class-mode .overlay h2{font-size:16px}.class-mode .overlay{padding:4px}.class-mode .ranking li{flex-direction:column}.class-mode .overlay button{padding:6px;font-size:10px}}@media(max-height:500px) and (orientation:landscape){.duel{flex-direction:row}.field{padding:3px}.feedback{min-height:16px;padding:2px 0}.hud{min-height:23px}.controls{padding-top:2px}.controls button{min-height:36px;min-width:40px}.overlay h2{font-size:22px}.overlay p{margin:6px}.ranking{margin:6px}#boards{padding:5px}.board{padding:4px}.scene{height:260px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}