:root{--ember:#ff9d3c;--ember-hot:#ffd28a;--coal:#17110d;--steel:#9fb6c9;--flame:#ff5f2e;--good:#7df2b0;--danger:#ff6659;font-size:clamp(14px,1.45vmin,19px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:var(--coal);color:#ffe9d4;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}#hud{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;display:flex;position:absolute;top:0;left:0;right:0}#hud>*{pointer-events:auto}.hud-left,.hud-right{align-items:center;gap:.9rem;display:flex}.hud-title{flex-direction:column;line-height:1.15;display:flex}#hudRank{letter-spacing:.22em;color:var(--ember);font-size:.72rem;font-weight:700}#hudHeat{letter-spacing:.08em;color:var(--ember-hot);font-size:1.02rem;font-weight:700}.icon-btn{width:2.4rem;height:2.4rem;color:var(--ember-hot);cursor:pointer;background:#1e140ccc;border:1px solid #ff9d3c73;border-radius:50%;font-size:1.15rem;transition:transform .15s,background .15s}.icon-btn:hover{background:#462a14e6;transform:scale(1.08)}.icon-btn.off{opacity:.4}.score-box{text-align:right;flex-direction:column;line-height:1.05;display:flex}.score-box span{color:var(--ember-hot);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800}.score-box label{letter-spacing:.3em;opacity:.7;font-size:.58rem}.orders{color:var(--steel);font-variant-numeric:tabular-nums;background:#9fb6c91f;border:1px solid #9fb6c959;border-radius:2rem;padding:.3rem .75rem;font-size:.95rem;font-weight:800}.contract{z-index:9;text-align:center;background:linear-gradient(#2e1e10f0,#1c120af0);border:1px solid #ff9d3c66;border-radius:1rem;width:min(38rem,94vw);padding:1rem 1.4rem 1.2rem;position:absolute;top:4.4rem;left:50%;transform:translate(-50%);box-shadow:0 14px 50px #00000080,inset 0 0 30px #ff5f2e0f}.contract label{letter-spacing:.34em;color:var(--ember);font-size:.62rem;font-weight:800}#contractText{color:#ffe9d4;margin-top:.4rem;font-size:1.12rem;font-style:italic;line-height:1.5}.slots{flex-wrap:wrap;justify-content:center;gap:.6rem;min-height:3.2rem;margin-top:.95rem;display:flex}.slot{letter-spacing:.1em;color:#ffe9d466;cursor:pointer;border:2px dashed #ff9d3c73;border-radius:.7rem;justify-content:center;align-items:center;min-width:6.2rem;height:3.1rem;font-size:1.02rem;font-weight:800;transition:all .15s;display:flex}.slot.filled{border-style:solid;border-color:var(--ember);color:var(--ember-hot);background:linear-gradient(#5a3416,#331c0c);box-shadow:0 0 16px #ff9d3c4d,inset 0 1px #ffd28a59}.slot .meaning{letter-spacing:.06em;opacity:.7;font-size:.56rem;font-weight:600;display:block}.actions{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1rem;display:flex}.actions button{font:inherit;cursor:pointer;letter-spacing:.12em;color:#ffe9d4;background:#24160ce6;border:1px solid #ff9d3c80;border-radius:2rem;padding:.62rem 1.6rem;font-size:.9rem;font-weight:800;transition:transform .15s,box-shadow .15s}.actions .primary{color:#2b1204;background:linear-gradient(#ffb75e,#e06a1f);border:none;box-shadow:0 6px 22px #ff822866}.actions .primary:hover{transform:translateY(-2px)scale(1.04)}.actions button:not(.primary):hover{background:#462a14f2}.hint-btn{opacity:.85}.tray{z-index:9;flex-wrap:wrap;justify-content:center;gap:.65rem;width:min(46rem,96vw);display:flex;position:absolute;bottom:3.5%;left:50%;transform:translate(-50%)}.gem{font:inherit;cursor:pointer;letter-spacing:.1em;color:#2b1204;background:linear-gradient(160deg,#ffd28a 0%,#ff9d3c 55%,#c85f14 100%);border:none;border-radius:.9rem;padding:.72rem 1.15rem;font-size:1rem;font-weight:800;transition:transform .12s,box-shadow .12s,opacity .2s;box-shadow:0 4px #7c3a0c,0 8px 24px #ff82284d,inset 0 1px #fff0d2cc}.gem small{letter-spacing:.04em;opacity:.75;font-size:.6rem;font-weight:700;display:block}.gem:hover{transform:translateY(-3px);box-shadow:0 7px #7c3a0c,0 12px 30px #ff822873,inset 0 1px #fff0d2cc}.gem:active{transform:translateY(1px);box-shadow:0 2px #7c3a0c}.gem.used{opacity:.25;pointer-events:none;transform:scale(.94)}.gem.tier2{background:linear-gradient(160deg,#b8e6ff 0%,#5fa8d8 55%,#2a6494 100%);box-shadow:0 4px #17405e,0 8px 24px #5fa8d84d,inset 0 1px #f0faffcc}.gem.tier2:hover{box-shadow:0 7px #17405e,0 12px 30px #5fa8d873,inset 0 1px #f0faffcc}.gem.tier3{background:linear-gradient(160deg,#e8c4ff 0%,#a86fd8 55%,#63348f 100%);box-shadow:0 4px #3c1a58,0 8px 24px #a86fd859,inset 0 1px #faf0ffcc}.gem.tier3:hover{box-shadow:0 7px #3c1a58,0 12px 30px #a86fd880,inset 0 1px #faf0ffcc}.overlay{z-index:20;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 50% 65%,#78320e66,#0c0805f0 75%);flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;padding:2rem;display:flex;position:absolute;inset:0}h1{letter-spacing:.12em;background:linear-gradient(180deg, #fff1d6 10%, var(--ember) 55%, #a33f10 95%);color:#0000;text-shadow:0 0 60px #ff822859;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,7vmin,4.6rem);font-weight:900}h2{letter-spacing:.14em;color:var(--ember-hot);font-size:clamp(1.6rem,4vmin,2.4rem)}.tag{opacity:.88;font-size:1.02rem;line-height:1.6}.menu-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.menu-btns button,button.primary{font:inherit;cursor:pointer;letter-spacing:.14em;color:#ffe9d4;background:#24160ce6;border:1px solid #ff9d3c80;border-radius:2rem;padding:.85rem 2.1rem;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s}button.primary{color:#2b1204;background:linear-gradient(#ffb75e,#e06a1f);border:none;box-shadow:0 6px 26px #ff822873}button.primary:hover{transform:translateY(-2px)scale(1.03)}.menu-btns button:not(.primary):hover{background:#462a14f2}.best{letter-spacing:.18em;color:var(--ember);opacity:.9;font-size:.85rem}.brief{text-align:left;flex-direction:column;gap:.7rem;max-width:34rem;font-size:1rem;line-height:1.7;list-style-position:inside;display:flex}.brief b{color:#fff}.brief i{color:var(--ember-hot)}.res-stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:2.2rem;display:flex}.res-stats .cell{flex-direction:column;line-height:1.1;display:flex}.res-stats .cell b{color:var(--ember-hot);font-size:1.7rem}.res-stats .cell label{letter-spacing:.26em;opacity:.7;font-size:.62rem}.res-words{text-align:left;background:#24160c99;border:1px solid #ff9d3c4d;border-radius:.8rem;max-width:38rem;max-height:26vh;padding:.8rem 1.1rem;font-size:.92rem;line-height:1.65;overflow-y:auto}.res-words p{margin-bottom:.5rem}.res-words b{color:var(--ember-hot)}.res-words i{color:var(--steel)}#toast{z-index:15;pointer-events:none;letter-spacing:.06em;color:#ffe9d4;text-align:center;background:#1c120aeb;border:1px solid #ff9d3c80;border-radius:2rem;max-width:min(42rem,92vw);padding:.6rem 1.4rem;font-size:1rem;font-weight:700;animation:.3s ease-out toastIn;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}#toast.bad{color:#ffc4b8;border-color:#ff66598c}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}