@font-face{font-family:Pixel;src:url('./fonts/PressStart2P.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#141521;color:#e9e5d8;font:16px/1.55 system-ui,sans-serif;background-image:radial-gradient(ellipse at 20% 15%,#28302b66,transparent 50%)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #55584e;background:#2c302d;color:#e9e5d8;border-radius:5px;padding:10px 15px;font-size:14px;font-weight:700;transition:background .14s,transform .14s}button:hover:not(:disabled){background:#3a4437;transform:translateY(-1px)}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f1c574;outline-offset:3px}a{color:inherit;text-decoration:none}button.primary{background:#e5ba67;border-color:#f5d796;color:#28251c;box-shadow:0 3px 0 #8d6e36}button.primary:hover:not(:disabled){background:#f1ce8a}button.quiet{background:transparent;border-color:transparent;color:#b9bdb7}.top{max-width:1240px;padding:24px 30px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30342f}.brand{font:10px/1.6 Pixel,monospace;letter-spacing:1px}.brand-icon{font-size:24px;color:#c3d88b;vertical-align:middle;margin-right:10px}.top nav{display:flex;gap:6px}main{max-width:1160px;margin:auto;padding:38px 26px 16px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.6px;color:#a1ad91;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:#b6c97b;box-shadow:0 0 14px #d6ea91}h1{font-family:Pixel,monospace;font-weight:400;font-size:38px;line-height:1.65;margin:14px 0 10px;letter-spacing:-2px}h1 em{font-style:normal;color:#e9c278}.spark{font:28px system-ui;color:#9fc5b1;margin-left:14px}.intro p{color:#a5aaa6;margin:0;font-size:17px}.intro strong{color:#d7dfca}.shift{display:flex;gap:18px;align-items:center;background:#1e2523;border:1px solid #3d4a3b;padding:20px 28px;box-shadow:6px 6px 0 #10151b;font-size:10px;letter-spacing:2px;color:#9aa992}.shift strong{display:block;font-size:16px;letter-spacing:0;color:#e2d6b4;margin:6px 0}.shift small{letter-spacing:0;color:#889580;font-size:12px}.lamp{color:#ecc576;font-size:54px;text-shadow:0 0 28px #e7bb6350}.mode-bar{display:flex;background:#1c211f;border:1px solid #343c34;border-radius:7px;padding:5px;margin:0 0 22px;gap:5px;width:fit-content}.mode{border-color:transparent;background:transparent;color:#8f9d91;padding:12px 20px}.mode.active{background:#344131;color:#d3e4b5;border-color:#536447}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start}.mine-panel{background:#202822;border:1px solid #4a5847;border-radius:7px;overflow:hidden;box-shadow:0 10px 35px #0004}.panel-title{padding:15px 20px;display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#a6b69a;background:#253026;border-bottom:1px solid #4a5847}.panel-title i{display:inline-block;width:6px;height:6px;background:#9fbd6f;margin-right:7px}.mine-stage{position:relative;padding:5.2% 7.5% 15%;aspect-ratio:1;background:#211e1b}.mine-stage canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.board{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;height:100%;z-index:1}.cell{display:flex;align-items:center;justify-content:center;font-family:Pixel,monospace;font-size:clamp(12px,1.5vw,21px);padding:0;border-radius:3px;background:#536041;border:2px solid #71805a;box-shadow:inset 0 -4px #3d4831,0 3px 0 #151c15;color:#ece9cb;position:relative;min-height:0;line-height:1}.cell:hover:not(:disabled){background:#718653;transform:none}.cell.selected{background:#e4bf72;color:#2e291f;border-color:#ffe2a1;box-shadow:inset 0 -4px #bd954d;transform:translateY(-2px)}.cell.gem{background:#1d4947;border-color:#46877a;font-size:23px;color:#8de9d4;opacity:1;box-shadow:inset 0 -4px #183835}.cell.gem small{position:absolute;right:4px;bottom:6px;font:9px Pixel;color:#ccffe9}.cell.rock{background:#414145;border-color:#66666b;color:#a3a0a2;font-size:23px;opacity:1;box-shadow:inset 0 -4px #303038}.cell.rock.cracked{background:#48403a;border-style:dashed}.cart-label{position:absolute;bottom:2.6%;left:0;right:0;text-align:center;color:#ad936c;font-size:8px;font-weight:800;letter-spacing:2px}.selection{display:flex;gap:7px;align-items:center;padding:16px 19px 8px}.selection>div{flex:1;min-width:0}.selection small{display:block;font-size:9px;color:#899d80;letter-spacing:1.3px;margin-bottom:5px}.selection strong{font-size:20px;letter-spacing:3px;display:block;overflow-wrap:anywhere;line-height:1.5}.selection #word:empty{color:#8a9484}.selection .primary{padding:13px 20px}.selection .primary span{margin-left:8px}#message{font-size:13px;color:#aebea3;padding:6px 20px 17px;margin:0;min-height:45px}.stats{background:#252b26;border:1px solid #424d3e;border-radius:7px;padding:23px}.stats .eyebrow{font-size:10px}.score{display:flex;align-items:baseline;gap:12px;margin:25px 0}.score>span{color:#88d2bf;font-size:28px}.score strong{font:43px Pixel;color:#d6e8cc;line-height:1.3}.score small{font-size:9px;color:#96a78e;letter-spacing:1.5px}.stat-row{display:flex;justify-content:space-between;align-items:center;margin:13px 0;font-size:13px;color:#aab8a1}.stat-row strong{color:#e6ddbf;font-size:17px}.stat-row small{color:#7f907a;font-size:11px}.meter{display:grid;grid-template-columns:repeat(20,1fr);gap:3px;margin:12px 0 25px}.meter span{height:6px;background:#bfd284}.meter span.used{background:#3d493a}.best{border-top:1px solid #414a3e;margin:0;padding-top:17px}.field-note{position:relative;border:1px solid #63533a;background:#332d23;padding:22px;border-radius:6px;margin-top:18px}.field-note h2,.log h2{font-size:14px;margin:0 0 10px;color:#e5cf99}.field-note p{font-size:13px;line-height:1.7;color:#c4b898;margin:0}.field-note strong{color:#f0d996}.note-pin{position:absolute;right:18px;top:12px;color:#d2ac67}.legend{display:flex;gap:13px;margin-top:20px;padding-top:13px;border-top:1px dashed #60533b;color:#aeb89c;font-size:10px}.log{margin-top:23px;padding:0 4px}.log h2{display:flex;justify-content:space-between;color:#a7b89c}.log h2 span{color:#768572}.log ol{list-style:none;padding:0;margin:0;max-height:220px;overflow:auto}.log li{display:flex;justify-content:space-between;border-bottom:1px solid #303b30;padding:10px 0;font-size:12px;color:#aebe9f}.log li span{color:#d4c28c}.log li.empty{color:#778472;font-size:12px}.end{background:transparent;color:#7f907a;border:1px dashed #424e3e;width:100%;margin-top:18px;font-size:12px}.rules,.room-panel,.result{padding:24px;border:1px solid #4a5847;border-radius:7px;background:#212a23;margin-bottom:24px}.rules h2,.room-panel h2{font-size:18px;color:#e1d3ac;margin-top:0}.rules p,.room-panel p{font-size:14px;color:#b0bda5}.rules kbd{color:#f1d38a;font-size:12px}.form-row{display:flex;align-items:end;gap:12px;margin-top:16px}.form-row label{flex:1;font-size:12px;color:#aebda3}.form-row input{display:block;width:100%;border:1px solid #56634e;border-radius:4px;background:#151e19;color:#e0e9d1;padding:11px;margin-top:5px}.room-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.room-heading h2{margin:0;flex:1}.room-heading span{color:#ead393;letter-spacing:2px;font-size:14px}#players{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}#players>div{background:#17231b;border:1px solid #43513c;padding:10px;border-radius:4px;font-size:12px}#players small{display:block;color:#a6b695;margin-top:5px}.result{margin-top:24px;border-color:#9b8655}.result h2{color:#efd397;font-size:24px}.result p{color:#b9c7ae}.result button{margin-right:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:42px;padding:22px 0;border-top:1px solid #303a31;font-size:11px;color:#7f907e}footer>div{display:flex;align-items:center;gap:15px}footer button.quiet{font-size:11px;padding:0}dialog{max-width:480px;width:calc(100% - 30px);padding:28px;background:#253026;color:#dce6d1;border:1px solid #798b65;border-radius:8px;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#10151ce8}dialog h2{font-size:23px;color:#edcf8b}dialog p{font-size:14px;color:#b8c6ad}[hidden]{display:none!important}@media(max-width:800px){.workspace{grid-template-columns:minmax(0,1fr) 240px;gap:15px}.shift{display:none}h1{font-size:32px}.stats{padding:18px}.selection{padding:14px 10px 8px;gap:2px}.selection strong{font-size:15px;letter-spacing:1px}.selection button{padding:8px}.selection .primary{padding:10px}.cell{font-size:16px}.board{gap:4px}.legend{flex-direction:column;gap:5px}footer{flex-direction:column;text-align:center}}@media(max-width:650px){main{padding:26px 16px 16px}.top{padding:16px}.brand{font-size:8px;letter-spacing:0}.brand-icon{margin-right:4px;font-size:18px}.top nav button{font-size:11px;padding:6px}.intro{margin-bottom:24px}h1{font-size:30px}.spark{font-size:20px}.intro p{font-size:15px}.eyebrow{font-size:9px}.mode-bar{width:100%;gap:0}.mode{flex:1;padding:12px 4px;font-size:11px}.workspace{grid-template-columns:1fr}.mine-panel{border-radius:5px}.board{gap:4px}.cell{font-size:17px;border-width:1px}.cell.gem,.cell.rock{font-size:20px}.cell.gem small{font-size:7px;bottom:4px}.mine-stage{padding:5% 6.5% 15%}.selection{padding:12px 12px 8px}.selection strong{font-size:16px}.selection button{font-size:12px;padding:7px}.selection .primary{padding:11px 13px}.selection .primary span{display:none}.cart-label{font-size:6px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats{padding:17px;grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.stats>.eyebrow{grid-column:1 / -1}.score{grid-row:2 / 5;margin:20px 0;flex-wrap:wrap;gap:8px}.score strong{font-size:36px}.score small{font-size:8px}.stat-row{margin:10px 0}.meter{margin:5px 0 8px}.best{grid-column:1 / -1}.field-note{margin:0;padding:17px}.field-note h2{font-size:12px}.field-note p{font-size:12px}.log{margin:0}.log ol{max-height:180px}.end{grid-column:1 / -1;margin-top:0}.legend{margin-top:10px;padding-top:10px}.form-row{flex-wrap:wrap}.form-row label{min-width:100%}.form-row>button{width:100%}#players{grid-template-columns:repeat(2,1fr)}.room-heading h2{min-width:100%}.rules,.room-panel,.result{padding:20px}footer{margin-top:28px}footer>div{gap:14px;font-size:10px}.panel-title{font-size:9px;padding:12px 16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.shuffle-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid #3e493c;background:#1d2b24}.shuffle-tools button{border-color:#718961;color:#e1edbc;background:#344632;padding:10px 13px;white-space:nowrap}.shuffle-tools button:hover:not(:disabled){background:#42583e;border-color:#b1ce8d}.shuffle-tools span{font-size:11px;color:#bac7a8}@media(max-width:650px){.shuffle-tools{padding:10px 12px;flex-wrap:wrap;gap:7px}.shuffle-tools button{font-size:12px}.shuffle-tools span{font-size:10px}}