:root{--ink:#182822;--muted:#94a49b;--paper:#eaf0df;--accent:#d3ec87;--deep:#182a25;--line:rgba(226,239,219,.15);--slot:54px;--gap:5px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--paper);background:#1b332d;overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:active{transform:translateY(1px)}button[hidden]{display:none!important}#game{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none}#shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(11,26,22,.83),rgba(13,30,26,.28) 55%,rgba(11,24,22,.5))}.hidden{display:none!important}.screen{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:rgba(12,24,21,.64);backdrop-filter:blur(5px);overflow:auto;padding:30px}#mainMenu{background:transparent;backdrop-filter:none}.menu-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:7vw;width:min(1170px,94vw);align-items:center}.eyebrow,.card-kicker{font-size:10px;letter-spacing:2.1px;font-weight:700;color:#c9dac1}.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:2.3px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px #d3ec8766}h1{font-size:clamp(42px,5.8vw,84px);line-height:.99;letter-spacing:-3.8px;margin:29px 0 24px;font-weight:900;position:relative}h1 span{color:var(--accent)}h1 i{font-style:normal;font-size:41px;color:var(--accent);display:inline-block;transform:rotate(-12deg);margin-left:20px;vertical-align:14px}.lead{font-size:19px;line-height:1.65;font-weight:400;color:#d4dfcc}.feature-line{display:flex;gap:9px;margin-top:30px;flex-wrap:wrap}.feature-line span{border:1px solid var(--line);background:rgba(230,240,219,.05);padding:8px 11px;font-size:11px;border-radius:4px}.version{margin-top:33px;color:#a5b5a2;font-size:10px;line-height:1.6}.menu-card,.dialog,.inventory-dialog{background:rgba(22,39,33,.95);border:1px solid rgba(226,239,219,.2);box-shadow:0 30px 100px #00160e55;border-radius:12px}.menu-card{padding:32px;max-width:440px}.menu-card h2{font-size:23px;line-height:1.3;margin:14px 0 30px;letter-spacing:-.5px}.field-label{display:block;font-size:9px;letter-spacing:1.6px;color:#aebda7;margin-bottom:9px}input:not([type=range]){display:block;background:#0e201b;color:var(--paper);border:1px solid var(--line);border-radius:5px;padding:12px 13px;width:100%;font-size:13px}input[type=range]{accent-color:var(--accent);width:100%;margin:13px 0 0}.mode-switch{display:flex;gap:6px;margin:15px 0 22px}.mode-switch button{border:1px solid var(--line);background:transparent;text-align:left;border-radius:5px;width:50%;padding:12px;font-size:13px;font-weight:700}.mode-switch button.active{border-color:var(--accent);background:#d3ec870b;color:var(--accent)}.mode-switch small{display:block;font-weight:400;font-size:9px;color:#a6b49e;margin-top:6px;line-height:1.5}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;padding:14px 16px;border-radius:5px;font-size:13px;font-weight:700}.primary{color:var(--ink);background:var(--accent)}.primary:hover{background:#e0f7a2}.primary span,.secondary span{font-size:20px;line-height:16px}.secondary{border:1px solid var(--line);background:#e6efdf08;margin-top:10px;color:#dce6d4}.secondary:hover{background:#e6efdf14}.text-button{font-size:11px;color:#b9c8b0;background:transparent;padding:14px 0;width:100%;text-decoration:underline;text-decoration-color:#8ca08366;text-underline-offset:4px}.menu-tip{font-size:11px;line-height:1.75;padding-top:17px;margin-top:5px;border-top:1px solid var(--line);color:#aabba3}.menu-tip b{font-weight:600;color:#d2decb}.boot-status{font-size:9px;letter-spacing:.4px;color:#a3b78b;margin-top:14px}.menu-footer{position:absolute;bottom:23px;left:4vw;right:4vw;display:flex;justify-content:space-between;color:#a8b6a2;font-size:9px;letter-spacing:.8px;gap:20px}#loading{z-index:90;background:#142921}.loading-card{text-align:center;width:350px}.voxel-loader{font-size:54px;color:var(--accent);animation:rotate 3s linear infinite}.loading-card h2{font-size:25px}.loading-card p{font-size:12px;color:#acbea1}.load-track{height:4px;background:#dae9cf20;margin-top:28px;border-radius:5px;overflow:hidden}#loadProgress{height:100%;width:0;background:var(--accent);transition:width .15s}@keyframes rotate{to{transform:rotate(360deg)}}#hud{position:fixed;inset:0;pointer-events:none;z-index:5;text-shadow:0 2px 3px #0005}#hud button{pointer-events:auto}.hud-brand{position:absolute;left:25px;top:22px;display:flex;align-items:center;gap:15px}.hud-brand b{font-size:12px;letter-spacing:1px}.hud-brand b span{color:var(--accent)}.hud-brand small{font:10px ui-monospace,monospace;background:#10241bb0;padding:6px 8px;border:1px solid #e9f2df22;border-radius:4px}.hud-right{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:9px;font-size:10px}.hud-right>span{margin-right:6px}.hud-right button{background:#13281fa6;border:1px solid #eaf1df35;font-size:10px;padding:8px 10px;border-radius:4px}.quest{position:absolute;left:25px;top:67px;width:240px;background:#10241ab8;border:1px solid #e6efd72b;border-radius:6px;padding:16px 17px;transition:opacity .3s}.quest .card-kicker{font-size:8px;color:var(--accent);letter-spacing:1.5px;margin-bottom:9px}.quest strong{font-size:12px}.quest p{font-size:10px;line-height:1.7;color:#d0ddc7;margin:8px 0 12px}.quest button{position:absolute;right:6px;top:4px;background:none;color:#cbdcc0;font-size:17px}.quest-dots{display:flex;gap:4px}.quest-dots i{height:3px;width:28px;background:#e0efd12a}.quest-dots i.done{background:var(--accent)}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 1px #000b)}#crosshair i,#crosshair b{background:#fffddd;position:absolute;opacity:.9}#crosshair i{left:8px;top:3px;width:2px;height:12px}#crosshair b{top:8px;left:3px;height:2px;width:12px}.target-info{position:absolute;left:50%;top:19px;transform:translateX(-50%);background:#10241ac4;border:1px solid #e1eed329;padding:8px 17px;font-size:11px;border-radius:5px;text-align:center}.target-info small{display:block;font-size:9px;color:#bbcda9;margin-top:4px}.mining-progress{position:absolute;left:calc(50% - 30px);top:calc(50% + 21px);width:60px;height:3px;background:#15291ebd;border-radius:2px;overflow:hidden}.mining-progress div{height:100%;background:var(--accent);width:0}.bottom-hud{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);width:max-content;max-width:98vw}.vitals{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;min-height:17px;gap:13px}.vitals #heldName{font-size:11px;color:#f4f5df;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.vitals #health,.vitals #hunger{display:flex;gap:3px;min-width:137px}.vital{width:11px;height:11px;display:block;filter:drop-shadow(0 1px 1px #0006);background:#333c348c;border:1px solid #ffffe744;transform:rotate(-45deg);border-radius:2px}.vital.heart.full{background:#ef8073;border-color:#ffb0a0}.vital.food{border-radius:4px;transform:rotate(-25deg);height:10px}.vital.food.full{background:#dfb979;border-color:#f3d89c}#hotbar{display:flex;gap:5px;background:#12251cca;border:1px solid #e8f0d845;border-radius:7px;padding:6px}.slot{position:relative;display:flex;align-items:center;justify-content:center;width:var(--slot);height:var(--slot);background:#ecf5e509;border:1px solid #e4ecd325;border-radius:3px;cursor:pointer;padding:0;user-select:none;flex-shrink:0}.slot img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(1px 2px 1px #0004)}.slot .count{position:absolute;bottom:3px;right:5px;font:700 11px ui-monospace,monospace;color:#fffbe2;text-shadow:1px 1px #14281b;pointer-events:none}.slot .key{position:absolute;top:3px;left:4px;font:9px ui-monospace,monospace;color:#c4d2b388;pointer-events:none}.slot .durability{position:absolute;bottom:3px;left:7px;right:7px;height:3px;background:#05160b99}.slot .durability i{display:block;height:100%;background:#bbd879}.slot.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#d3ec8722}.slot:hover{background:#eaf4d521;border-color:#d4e5bd7a}.hotbar-caption{display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#dde7d2b8;margin-top:7px}.hotbar-caption #modeLabel{letter-spacing:1.7px;font-weight:600}.hint{position:absolute;left:50%;bottom:155px;transform:translateX(-50%);background:#142b20dc;border:1px solid #e8f1d634;border-radius:5px;padding:12px 16px;text-align:center;font-size:12px}.dialog{width:440px;padding:30px}.dialog h2{font-size:24px;margin:13px 0 24px;letter-spacing:-.6px}.dialog p{font-size:13px;line-height:1.7;color:#bcccaf}.pause-dialog{width:510px}.settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-top:20px}.settings label{display:block;font-size:11px;margin-bottom:15px}.settings label span{float:right;color:#b7c9a3;font:10px ui-monospace,monospace}.setting-row{display:flex;gap:10px}.setting-row button{font-size:11px;justify-content:center}.controls-help{border-top:1px solid var(--line);font-size:10px;line-height:2.1;padding-top:15px;color:#b3c1a9}.controls-help b{color:#e2ecd6;font-weight:600}.small-muted{font-size:9px;color:#8fa383;line-height:1.7;margin-top:12px}.inventory-dialog{width:min(990px,96vw);padding:26px;max-height:94vh;overflow:auto}.inventory-dialog header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:21px}.inventory-dialog h2{font-size:24px;letter-spacing:-.5px;margin:7px 0 0}.close-button{width:32px;height:32px;border:1px solid var(--line);border-radius:5px;font-size:24px;background:#d4e7bc08;line-height:20px}.inventory-columns{display:grid;grid-template-columns:1fr 300px;gap:30px}.inventory-left{min-width:0}.section-title{font-size:9px;letter-spacing:1.7px;color:#b9cba9;margin:16px 0 9px;font-weight:600}.section-title span{font-size:8px;letter-spacing:0;color:#8da480;float:right;font-weight:400;margin-top:1px}.small-top{margin-top:14px}.slot-grid{display:grid;gap:var(--gap)}.grid-nine{grid-template-columns:repeat(9,var(--slot))}.craft-row{display:flex;align-items:center;gap:20px;min-height:142px;margin:10px 0 14px}.craft-grid{display:grid;gap:5px}.craft-arrow{color:var(--accent);font-size:27px}.craft-output{border-color:#d3ec8766;background:#d3ec870e}.craft-label{font-size:10px;color:#9fb791;line-height:1.8;max-width:165px}.craft-label b{color:#d2e2c4;font-weight:500}.craft-table-hint{color:#d4b482;font-size:10px;line-height:1.6;margin-bottom:12px}.inventory-note{font-size:10px;color:#8fa684;line-height:1.8;margin-top:18px;max-width:500px}.recipe-panel{border-left:1px solid var(--line);padding-left:24px;min-width:0}.recipe-panel>.section-title{margin:0 0 12px}.recipe-panel input{padding:10px!important;font-size:11px!important}#recipeList{overflow:auto;max-height:433px;margin-top:12px;scrollbar-width:thin;scrollbar-color:#adc28c44 transparent}.recipe{padding:10px 9px;margin-bottom:7px;background:#e3f2ce05;border:1px solid #e3f2ce16;border-radius:5px}.recipe.available{border-color:#d3ec8740}.recipe-top{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600}.recipe img{width:32px;height:32px;image-rendering:pixelated}.recipe small{display:block;color:#97ac89;font-size:9px;font-weight:400;margin:4px 0;line-height:1.6}.recipe button{background:#cee98c1a;border:1px solid #c8e49236;color:#d3ec87;padding:6px 9px;font-size:9px;border-radius:3px;white-space:nowrap;margin-left:auto}.recipe .ingredients{font-size:9px;color:#98ad89;line-height:1.7;margin:6px 0 0}.recipe .missing{color:#cf9b81}.recipe-empty{font-size:12px;line-height:1.7;color:#a0b695;padding-top:20px}.creative-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.creative-grid .slot{width:100%;height:51px}.furnace-area{display:flex;align-items:center;gap:20px;height:160px}.furnace-inputs{display:flex;flex-direction:column;gap:8px;align-items:center}.furnace-fire{height:5px;background:#de98582a;width:42px;position:relative}.furnace-fire i{display:block;background:#efb974;height:100%}.furnace-meter{height:5px;width:64px;background:#d3ec8720;margin-top:6px}.furnace-meter i{display:block;height:100%;background:var(--accent)}.chest-area{margin-bottom:22px}.fuel-info{font-size:10px;color:#9fb890;line-height:1.8;max-width:210px}#cursorItem{position:fixed;z-index:100;width:50px;height:50px;pointer-events:none;display:none}#cursorItem img{width:44px;height:44px;image-rendering:pixelated;filter:drop-shadow(2px 3px 2px #0007)}#cursorItem .count{position:absolute;bottom:0;right:0;font-size:12px;font-weight:700;text-shadow:1px 1px #000}#tooltip{position:fixed;z-index:110;background:#10221bf5;border:1px solid #dceec54a;border-radius:4px;padding:8px 12px;font-size:11px;color:#eaf4db;pointer-events:none;display:none;max-width:230px;line-height:1.6}#tooltip small{color:#aabd9c;font-size:9px}#toast{position:fixed;left:50%;bottom:162px;transform:translate(-50%,10px);z-index:110;background:#12271fed;border:1px solid #d4e6b94a;color:#e0edcd;border-radius:5px;padding:12px 18px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;max-width:min(520px,90vw);text-align:center;line-height:1.6}#toast.visible{opacity:1;transform:translate(-50%,0)}#damageFlash{position:absolute;inset:0;box-shadow:inset 0 0 130px #d53d2866;opacity:0;transition:opacity .15s}.touch-actions{position:absolute;right:20px;bottom:140px;display:grid;grid-template-columns:62px 62px;gap:8px}.touch-actions button{width:62px;height:49px;border:1px solid #e8f1d44f;border-radius:8px;background:#163122b9;font-size:11px;touch-action:none}#touchControls{position:fixed;inset:0;pointer-events:none;z-index:6}#touchControls button,#joystick{pointer-events:auto}#joystick{position:absolute;left:25px;bottom:148px;border:1px solid #e8f1d444;background:#17302770;border-radius:50%;width:112px;height:112px;touch-action:none}#joystickKnob{width:46px;height:46px;position:absolute;top:32px;left:32px;border-radius:50%;background:#d3ec8744;border:1px solid #e3efce5c;pointer-events:none}@media(max-width:1080px){:root{--slot:47px}.inventory-dialog{padding:20px}.inventory-columns{gap:20px;grid-template-columns:1fr 250px}.recipe-panel{padding-left:20px}.slot img{width:36px;height:36px}.menu-card{padding:26px}.menu-layout{gap:5vw}.quest{width:215px}}@media(max-width:850px){:root{--slot:42px;--gap:4px}.inventory-columns{grid-template-columns:1fr 210px;gap:16px}.inventory-dialog{padding:16px}.recipe-panel{padding-left:16px}.section-title span{display:none}.hud-brand b{display:none}.quest{top:59px;left:16px;width:190px;padding:11px 12px}.quest p{font-size:9px}.hud-brand{left:16px;top:16px}.hud-right{right:16px;top:16px}.menu-layout{gap:25px}.menu-card{padding:24px}.menu-footer{font-size:8px}.menu-card h2{font-size:20px}.lead{font-size:16px}h1{font-size:50px;letter-spacing:-2.5px}.feature-line span{font-size:9px}.eyebrow{font-size:8px;letter-spacing:1.4px}.slot img{width:32px;height:32px}.craft-label{font-size:9px}}@media(max-width:680px){.screen{padding:12px}.menu-layout{display:flex;flex-direction:column;gap:20px;margin:30px 0 20px;width:94vw}.intro{width:100%;max-width:390px}.eyebrow{font-size:7px}h1{font-size:41px;line-height:1;letter-spacing:-2px;margin:14px 0 6px}h1 br{display:none}h1 span{margin-left:10px}h1 i{display:none}.lead,.feature-line,.version,.menu-footer{display:none}.menu-card{width:100%;max-width:390px;padding:22px}.menu-card h2{font-size:21px;margin:10px 0 20px}.menu-card .menu-tip{padding-top:10px;font-size:10px}#mainMenu{align-items:flex-start}.inventory-columns{display:flex;flex-direction:column;gap:20px}.inventory-dialog{max-width:560px;max-height:96vh}.recipe-panel{border-left:none;border-top:1px solid var(--line);padding:17px 0 0}.recipe-panel #recipeList{max-height:210px}.recipe{display:inline-block;width:calc(50% - 4px);vertical-align:top;margin-right:4px}.recipe-top{flex-wrap:wrap;gap:5px}.recipe button{margin-left:0}.creative-grid{grid-template-columns:repeat(7,1fr)}.craft-row{min-height:110px;gap:17px}.inventory-dialog header{margin-bottom:10px;padding-bottom:13px}.inventory-dialog h2{font-size:21px}.inventory-note{font-size:9px}.slot-grid.grid-nine{grid-template-columns:repeat(9,1fr)}.slot-grid .slot{width:100%;height:auto;aspect-ratio:1}.inventory-left{width:100%}.slot .count{font-size:10px;bottom:2px;right:3px}.slot .key{font-size:7px}.slot img{width:30px;height:30px}#hotbar{gap:3px;padding:4px}#hotbar .slot{width:calc((95vw - 36px)/9);max-width:49px;height:calc((95vw - 36px)/9);max-height:49px}.bottom-hud{bottom:15px}.hotbar-caption{font-size:7px;gap:5px}.hotbar-caption span:first-child{display:none}.vitals #health,.vitals #hunger{min-width:105px;gap:2px}.vital{width:9px;height:9px}.vitals #heldName{font-size:9px;max-width:160px}.quest{width:171px}.quest strong{font-size:10px}.quest .card-kicker{font-size:7px}.hud-right{gap:5px}.hud-right>span{font-size:8px}.hud-right button{font-size:9px;padding:7px}.target-info{top:49px;font-size:10px;padding:6px 9px}.quest{display:none}.dialog{padding:23px}.dialog h2{font-size:22px}.hint{bottom:135px;max-width:80vw;width:max-content;font-size:10px}#toast{font-size:11px;bottom:125px}.touch-actions{bottom:135px}#joystick{bottom:135px}.craft-label{max-width:140px}.recipe-panel .recipe-top{font-size:10px}#recipeList .ingredients{font-size:8px}}@media(max-height:660px) and (min-width:681px){.menu-layout{transform:scale(.88);width:min(1210px,102vw)}.menu-footer{bottom:12px}.screen{padding:15px}.pause-dialog{padding:20px;max-height:96vh;overflow:auto}.pause-dialog h2{margin:10px 0 16px;font-size:22px}.settings{margin-top:13px;padding:13px 0}.settings label{margin-bottom:9px}.quest{opacity:.85}.inventory-dialog{padding:17px}.inventory-dialog header{margin-bottom:10px;padding-bottom:10px}.craft-row{min-height:125px;margin:5px 0}.inventory-note{margin-top:10px;font-size:9px}.inventory-dialog .section-title{margin-top:11px}#recipeList{max-height:355px}}
#game:focus{outline:none}#game.free-look{cursor:crosshair}#mouseModeButton{color:var(--accent)}@media(max-width:680px){#mouseModeButton{max-width:90px;font-size:8px}}#gameEntry .small-muted{font-size:11px;line-height:1.7}#hint{max-width:88vw;width:max-content;white-space:normal}

/* Rozšíření 2.0: zvuk, viditelná ruka a odezva výroby. */
.pause-dialog{max-height:94vh;overflow:auto;scrollbar-width:thin}.audio-settings{margin-top:17px;border-top:1px solid var(--line);padding-top:14px}.audio-settings label{margin-bottom:11px}.audio-settings .section-title{margin:0 0 12px}.audio-settings input{margin-top:8px}#musicButton{color:var(--accent)}#musicStatus{font-size:10px;line-height:1.6;color:#b3c798;margin:10px 0 0}#viewLabel{position:fixed;right:22px;bottom:20px;z-index:4;pointer-events:none;font-size:10px;color:#f0f1d6;text-shadow:0 2px 4px #0009}#craftEffects{position:fixed;inset:0;z-index:105;pointer-events:none}.craft-completed{position:absolute;bottom:22px;left:50%;display:flex;align-items:center;gap:17px;min-width:290px;padding:16px 22px;background:#172c26f5;border:1px solid #d3ec8799;border-radius:10px;box-shadow:0 12px 70px #06181180;animation:craft-toast 1.5s both}.craft-completed small{display:block;color:#d3ec87;font-size:9px;letter-spacing:2px;margin-bottom:6px}.craft-completed strong{font-size:15px;display:block}.craft-icon-halo{width:57px;height:57px;background:radial-gradient(circle,#d3ec8766,transparent 72%);display:grid;place-items:center}.craft-icon-halo img{width:52px;height:52px;image-rendering:pixelated;animation:craft-item .8s both}.craft-spark{position:absolute;width:5px;height:5px;background:#e7f7b5;box-shadow:0 0 7px #e7f7b5;animation:craft-spark .75s both}.craft-flash{animation:craft-flash .7s}.feature-line span.new{background:#d3ec8714;border-color:#d3ec8755}.creative-grid .slot{height:55px}.creative-grid .slot img{width:43px;height:43px}
@keyframes craft-toast{0%{transform:translate(-50%,24px);opacity:0}14%,78%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,-12px);opacity:0}}@keyframes craft-item{0%{transform:scale(.4) rotate(-30deg)}45%{transform:scale(1.28) rotate(8deg)}70%{transform:scale(.94) rotate(-3deg)}100%{transform:scale(1)}}@keyframes craft-spark{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@keyframes craft-flash{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 3px #d3ec87,0 0 35px #d3ec8777;background:#d3ec8744}}
@media(max-width:850px){.hud-right{gap:4px}.hud-right button{padding:7px 6px}.hud-right>span{font-size:8px}.hud-brand{top:54px}.hud-brand b{display:none}.target-info{top:88px}.quest{top:88px}}@media(max-width:480px){.hud-right{left:10px;right:10px;justify-content:flex-end}.hud-right>span{margin-right:auto;font-size:7px}.hud-right button{font-size:8px;padding:7px 5px}#mouseModeButton{max-width:72px}.creative-grid{grid-template-columns:repeat(6,1fr)}.craft-completed{min-width:270px;bottom:12px}.craft-completed strong{font-size:13px}#viewLabel{display:none}}
@media(prefers-reduced-motion:reduce){.craft-spark{display:none}.craft-icon-halo img{animation:none}.craft-completed{animation:none;transform:translateX(-50%)}}


/* CraftMine.cz: vlastní webové rozhraní, responzivní i na telefonu. */
:root{--ink:#071421;--paper:#e8f7ff;--muted:#a0b8ca;--accent:#63e7f5;--deep:#0b1b2b;--line:rgba(125,211,241,.2);--gold:#f2c267}
html,body{background:#060e1c;color:var(--paper)}
#shade{background:linear-gradient(90deg,#030b18ef 0%,#061225cc 45%,#061322a3 100%)}
.screen{background:#030e1acb}
#mainMenu{background:radial-gradient(ellipse at 25% 48%,#0c496024,transparent 56%)}
.menu-layout{width:min(1080px,94vw);grid-template-columns:1.1fr 1fr;gap:6vw}
.intro{position:relative;text-align:center;display:flex;align-items:center;flex-direction:column;max-width:500px}
.eyebrow{color:#9ebbd0;letter-spacing:3px;font-size:9px;justify-content:center;margin:2px 0 8px}
.status-dot{background:#71f3df;box-shadow:0 0 16px #36deffc0}
.brand-art{display:block;width:min(380px,36vw,46vh);height:auto;object-fit:contain;border-radius:22px;filter:drop-shadow(0 14px 38px #0008);user-select:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;margin:-1px!important}
.lead{font-size:22px;line-height:1.5;font-weight:650;letter-spacing:-.6px;margin:18px 0 0;color:#eaf8ff}
.feature-line{justify-content:center;margin-top:18px;gap:7px}
.feature-line span{color:#b4cbdb;background:#132d424d;border:1px solid #589dba35;font-size:10px;padding:8px 10px}
.version{color:#7d9aaf;margin-top:15px;font-size:10px;line-height:1.5}
.menu-card{max-width:440px;width:100%;padding:32px;border-radius:18px;background:linear-gradient(150deg,#0e2237f5,#081626fa);border:1px solid #71bddd44;box-shadow:0 26px 75px #0007,inset 0 1px #c2edff12}
.card-kicker{color:var(--gold);font-size:9px;letter-spacing:2px}
.menu-card h2{font-size:30px;line-height:1.17;letter-spacing:-.9px;margin:14px 0 28px;font-weight:750}
.field-label{color:#9bb6cc}.menu-card input:not([type=range]){background:#071623;border:1px solid #69b2cd2c}
.mode-switch button{border-color:#7dafc52b;color:#dceefa}.mode-switch button small{color:#8eaec3;font-size:10px}
.mode-switch button.active{background:#31d5f511;border-color:#55dcee;color:#79eeff}
.primary{background:linear-gradient(110deg,#48d9ea,#87f5ec);color:#061822;border:1px solid #a3f9ff7a;font-size:14px;border-radius:8px;box-shadow:0 5px 22px #23bdd41d}
.primary:hover{background:linear-gradient(110deg,#75eefa,#affff7)}
.secondary{border-color:#71c6e42e;background:#77c8e509;color:#d4e9f7;border-radius:7px}
.secondary:hover{background:#7fcef21a}.text-button{color:#a5c2d8;text-decoration-color:#5da1bc66}
.menu-tip{color:#8eacc1;border-color:#77bfd12b;font-size:11px;padding-top:13px}.menu-tip b{color:#d0e7f6}
.boot-status{color:#70cedb;min-height:13px}.menu-footer{color:#7f9db3;align-items:center;position:fixed;gap:10px;z-index:21;pointer-events:none}
.menu-footer>*{pointer-events:auto}.menu-footer>span:last-child{display:flex;gap:18px;align-items:center}
.footer-link{font:inherit;color:#b5cddd;text-decoration:none;background:none;padding:6px 0;cursor:pointer}.footer-link:hover{color:var(--accent);text-decoration:underline}
.dialog,.inventory-dialog{background:#0a1d30f7;border-color:#7fcae342;border-radius:14px}.dialog p{color:#afcadd}
.hud-brand b{letter-spacing:.7px;color:#f1f8fc}.hud-brand b span{color:var(--accent)}
.hud-brand .domain{background:none;border:0;padding:0 0 0 2px;color:var(--gold);font:inherit}
.hud-brand small:not(.domain),.hud-right button,.target-info{background:#071b2ccc;border-color:#85c3e13d}
#hotbar{background:#081a2ddd;border-color:#71b3d055}.slot{background:#a6d6f20a;border-color:#81b8d12d}.slot.selected{border-color:#69e9f6;background:#31d9ed27;box-shadow:0 0 0 1px #69e9f6}
.quest{background:#081c2ce6;border-color:#78bed42a}.quest p{color:#b4cede}.craft-table-hint{color:#eac384}
.recipe-panel input{background:#061a29}.recipe{background:#4cb9d607;border-color:#7dc8e126}.recipe small,.recipe .ingredients{color:#9cb6c8}.recipe button{color:#71e5ee;background:#3ed4e715;border-color:#49d2e53d}
.craft-completed{background:#081e33f7;border-color:#73e6f585}.craft-completed small{color:#74eff6}.craft-spark{background:#f4d68e;box-shadow:0 0 7px #f6d98c}
#toast,#hint,#tooltip{background:#071b2ef0;border-color:#6ecce34a;color:#d6eef9}
#joystick{background:#0a284b8c;border-color:#8ee6ff73}#joystickKnob{background:#42dbed57;border-color:#a7f7ff99}
.touch-actions button{background:#0c294adc;border-color:#81d6ea68;font-weight:600;border-radius:11px}
.touch-actions button:active{background:#24647de6}.touch-device #mouseModeButton{display:none!important}.touch-device .hotbar-caption{visibility:hidden}
.about-dialog{max-height:94dvh;overflow:auto}.about-dialog .primary{margin-top:22px}
@media(min-width:851px){.hud-brand{top:22px}}
@media(max-width:850px) and (min-width:681px){.menu-layout{gap:25px}.menu-card{padding:23px}.menu-card h2{font-size:27px}.brand-art{width:min(310px,34vw)}.lead{font-size:18px}.feature-line{gap:4px}.feature-line span{font-size:8px;padding:6px}.eyebrow{font-size:8px;letter-spacing:1.8px}}
@media(max-width:680px){
 #mainMenu{padding:15px 12px 28px;align-items:flex-start;background:#06101fd6}
 .menu-layout{display:flex;flex-direction:column;gap:16px;margin:6px auto 0;width:100%;max-width:390px;transform:none}
 .intro{display:grid;grid-template-columns:86px 1fr;column-gap:15px;text-align:left;max-width:none;width:100%;align-items:center}
 .brand-art{width:86px;grid-column:1;grid-row:1 / 4;border-radius:12px;filter:none}
 .eyebrow{grid-column:2;grid-row:1;justify-content:flex-start;font-size:7px;letter-spacing:1.5px;margin:0 0 4px;gap:6px}
 .lead{display:block;grid-column:2;grid-row:2;font-size:17px;margin:0;line-height:1.3;letter-spacing:-.4px}
 .feature-line{display:none}.version{display:block;grid-column:2;grid-row:3;font-size:8px;margin:6px 0 0}
 .menu-card{max-width:none;padding:23px 22px}.menu-card h2{font-size:27px;margin:12px 0 23px}
 .menu-footer{position:static;display:flex!important;flex-direction:column;align-items:center;gap:2px;margin-top:17px;font-size:8px}
 #mainMenu{flex-wrap:wrap;align-content:flex-start}.menu-tip{font-size:10px;line-height:1.6}.feature-line+.version{display:block}
 .inventory-dialog{max-height:96dvh}.hud-brand{left:12px;top:54px}.hud-right{right:12px;left:12px}
 .bottom-hud{bottom:max(10px,env(safe-area-inset-bottom))}.dialog{padding:22px}
 .touch-actions{right:max(14px,env(safe-area-inset-right));bottom:126px;gap:8px}.touch-actions button{width:60px;height:48px;font-size:11px}
 #joystick{left:max(18px,env(safe-area-inset-left));bottom:135px;width:112px;height:112px}
}
@media(max-height:560px) and (min-width:681px){
 #mainMenu{padding:12px 20px;align-items:flex-start}
 .menu-layout{transform:none;width:min(960px,95vw);min-height:calc(100dvh - 25px);grid-template-columns:1fr 1.15fr;gap:35px;align-items:center}
 .intro{max-width:380px}.brand-art{width:clamp(130px,49vh,250px);height:auto;border-radius:14px}
 .eyebrow{font-size:7px;margin:0 0 3px}.lead{font-size:17px;margin:9px 0 0}.feature-line{display:none}.version{font-size:8px;margin-top:8px}
 .menu-card{padding:18px 22px;max-width:430px;border-radius:12px}.menu-card h2{font-size:23px;margin:8px 0 15px}.menu-card h2 br{display:none}.menu-card .card-kicker{font-size:8px}
 .menu-card input:not([type=range]){padding:9px 11px}.field-label{font-size:8px;margin-bottom:6px}.mode-switch{margin:10px 0 12px}.mode-switch button{padding:8px 10px;font-size:12px}.mode-switch button small{font-size:8px;margin-top:4px}
 .primary{padding:11px 14px;font-size:12px}.secondary{padding:10px 14px;font-size:11px}.text-button{padding:9px 0;font-size:10px}.menu-tip{display:none}.boot-status{font-size:8px;margin-top:7px}
 .menu-footer{bottom:3px;left:22px;right:22px;font-size:7px}.menu-footer>span:first-child{visibility:hidden}
 .bottom-hud{bottom:8px}.bottom-hud .slot{width:38px;height:38px}.bottom-hud .slot img{width:30px;height:30px}.hotbar-caption{display:none}.vitals{margin-bottom:4px}
 .quest{display:none}.target-info{top:48px}.touch-actions{bottom:93px;right:max(14px,env(safe-area-inset-right));grid-template-columns:56px 56px;gap:6px}.touch-actions button{width:56px;height:41px;font-size:10px}
 #joystick{bottom:86px;left:max(22px,env(safe-area-inset-left));width:112px;height:112px}.hud-brand{top:49px;left:13px}.hud-right{top:12px}.dialog{max-height:94dvh;overflow:auto}
}
@media(prefers-reduced-motion:reduce){.voxel-loader{animation:none}.primary,.secondary{transition:none}}

/* Společná hra: nabídka, pozvánka, stav spojení, jmenovky hráčů. */
[hidden]{display:none!important}
.mp-divider{display:flex;align-items:center;gap:10px;margin:14px 0 2px;font-size:9px;letter-spacing:1.6px;color:#9bb6cc}
.mp-divider:before,.mp-divider:after{content:"";flex:1;height:1px;background:var(--line)}
.mp-open{margin-top:8px}
.mp-dialog{width:460px;background:#0a1d30}
.mp-dialog input,.mp-dialog select,.mp-policy select{display:block;width:100%;margin:0 0 14px;padding:12px;border-radius:7px;border:1px solid #71c6e42e;background:#061a29;color:var(--paper);font:inherit;font-size:13px}
.mp-dialog .primary{margin-top:6px}
.mp-code{text-transform:uppercase;letter-spacing:6px;font-size:20px!important;font-weight:700;text-align:center}
.mp-code[readonly]{opacity:.85}
.mp-status{min-height:20px;margin-top:12px;font-size:12px;line-height:1.6;color:#bfe9f3}
.mp-status.error{color:#ffb4a4}
.mp-pause{margin-top:16px;padding-top:4px;border-top:1px solid var(--line)}
.mp-pause .section-title span{color:#e8f7ff;letter-spacing:0;font-weight:700}
.mp-invite{display:flex;gap:8px;align-items:stretch}
.mp-invite input{flex:1;min-width:0;margin:0;padding:10px;border-radius:7px;border:1px solid #71c6e42e;background:#061a29;color:var(--paper);font-size:12px}
.mp-invite .secondary{width:auto;margin:0;white-space:nowrap}
.mp-policy{display:block;margin-top:12px;font-size:11px;color:#b9cbd8}
.mp-policy select{margin-top:6px}
.mp-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px;color:#d4e9f7;border-bottom:1px solid #71c6e414}
.mp-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mp-row small{color:#8fb0c4;font-size:10px}
.mp-dot{width:8px;height:8px;border-radius:50%;background:#51606c;flex:none}
.mp-dot.on{background:#63e7a4;box-shadow:0 0 6px #63e7a4aa}
.mp-small{border:1px solid #71c6e44a;background:#48d9ea;color:#061822;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:700;cursor:pointer}
.mp-small.ghost{background:transparent;color:#d4e9f7}
.room-badge{margin-left:2px;padding:3px 7px;border-radius:5px;background:#0a2436cc;border:1px solid #63e7f53a;color:#bff4fb;letter-spacing:1px;font-size:10px}
.net-status{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:140;max-width:min(560px,92vw);background:#0b1f31f2;border:1px solid #ffcf7a66;color:#ffe7b8;border-radius:9px;padding:12px 16px;font-size:13px;line-height:1.5;box-shadow:0 10px 30px #0008}
.net-status.hidden{display:none}
.net-status>div{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.net-actions{display:flex;gap:8px}
.net-actions button{border:1px solid #ffcf7a66;background:transparent;color:#ffe7b8;border-radius:6px;padding:6px 10px;font:inherit;font-size:12px;cursor:pointer}
#nameTags{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}
#nameTags.hidden{display:none}
.name-tag{position:absolute;left:0;top:0;padding:3px 8px;border-radius:5px;background:#04111dc4;color:#f1fbff;font-size:12px;font-weight:700;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;border:1px solid #63e7f533;will-change:transform}
@media (max-width:560px){.mp-invite{flex-direction:column}.mp-invite .secondary{width:100%}}

/* Mobil: chování jako aplikace — žádné přibližování, výběr textu, bublina po podržení ani zvýraznění klepnutí. */
html,body{touch-action:pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
button,.slot,#joystick,.touch-actions button{touch-action:manipulation}
#game,#touchControls,#joystick{touch-action:none}
body.touch-device{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body.touch-device input,body.touch-device select{-webkit-user-select:text;user-select:text}
body.touch-device img{-webkit-user-drag:none;pointer-events:none}
#joystick.floating{transition:none;opacity:.9}
#fullscreenButton{min-width:34px}