:root{color-scheme:dark;--ink:#171225;--cream:#fff4d8;--yellow:#ffd928;--orange:#ff7a18;--red:#ff395d;--green:#72ed64;--purple:#8d5bff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#171225;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#fff}body{background:radial-gradient(circle at 50% -10%,#6040a5 0,#251d42 31%,#12101d 72%);overflow-x:hidden}.app-shell{width:min(100%,620px);min-height:100vh;margin:auto;padding:calc(12px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));position:relative}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between}.icon-btn{width:42px;height:42px;border:2px solid #ffffff4d;border-radius:14px;background:#ffffff14;color:#fff;display:grid;place-items:center;font-size:28px;text-decoration:none;box-shadow:inset 0 2px #ffffff24}.brand{text-align:center}.brand small{font-weight:900;font-size:9px;letter-spacing:2.4px;color:#f5cf72}.brand h1{font-size:24px;line-height:1;margin:4px 0 0;font-weight:1000;letter-spacing:1px;text-shadow:0 3px 0 #8a285d,0 5px 10px #000}.level-card{position:relative;margin-top:5px;padding:12px 15px 14px;border:2px solid #ffffff38;border-radius:18px;background:linear-gradient(135deg,#ffffff20,#ffffff0a);box-shadow:0 12px 24px #08061466;display:flex;align-items:end;justify-content:space-between;overflow:hidden}.level-card span{font-size:12px;color:#ffe088;font-weight:800}.level-card strong{display:block;font-size:20px;margin-top:1px}.progress-copy{font-size:12px;color:#d7cfee}.progress{position:absolute;left:0;right:0;bottom:0;height:5px;background:#0005}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--yellow),var(--red));box-shadow:0 0 10px var(--orange);transition:.3s}.mission{margin:10px auto -7px;position:relative;z-index:3;width:max-content;max-width:95%;padding:8px 15px;border-radius:20px;border:2px solid #ffdd66;background:#cf354d;box-shadow:0 4px 0 #751e38;font-size:12px}.mission b{color:#ffe566;margin-right:8px}.board-wrap{position:relative;margin-top:0}.board{height:min(55vh,460px);min-height:390px;position:relative;border:2px solid #ffffff21;border-radius:28px;background:radial-gradient(circle at 50% 45%,#453170aa,#171324 72%),linear-gradient(#251f3d,#171321);box-shadow:inset 0 0 45px #090713aa,0 14px 30px #0007;overflow:hidden}.board:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,#000 35%,transparent)}.stack-tile{--x:50;--y:50;--z:1;position:absolute;width:72px;height:78px;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-50%) rotate(var(--r,0deg));z-index:var(--z);border:0;padding:0;border-radius:18px;background:linear-gradient(145deg,#fff9dd,#f2b547);box-shadow:0 7px 0 #784222,0 10px 16px #0009,inset 0 2px 2px #fff;transition:filter .2s,transform .15s,opacity .2s;cursor:pointer}.stack-tile:after{content:"";position:absolute;inset:4px;border:2px solid #1e1523;border-radius:14px;pointer-events:none}.stack-tile:not(.locked):active{transform:translate(-50%,-46%) scale(.94)}.stack-tile.locked{filter:brightness(.44) saturate(.45);cursor:not-allowed}.stack-tile.locked:before{content:"";position:absolute;inset:7px;z-index:2;border-radius:11px;background:repeating-linear-gradient(135deg,#211a3244 0 5px,#0008 5px 9px)}.tile-art,.sprite{background-image:url('./office-elements-sheet.png');background-size:300% 300%;background-repeat:no-repeat}.tile-art{position:absolute;inset:5px;border-radius:13px;background-color:#17151c}.sprite.ppt,.type-ppt{background-position:0 0}.sprite.sheet,.type-sheet{background-position:50% 0}.sprite.bug,.type-bug{background-position:100% 0}.sprite.kpi,.type-kpi{background-position:0 50%}.sprite.chat,.type-chat{background-position:50% 50%}.sprite.read,.type-read{background-position:100% 50%}.sprite.bonus,.type-bonus{background-position:0 100%}.sprite.offwork,.type-offwork{background-position:50% 100%}.sprite.save,.type-save{background-position:100% 100%}.toast{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.8);padding:10px 18px;border-radius:20px;background:#17101de8;border:2px solid #ffdc63;font-weight:900;color:#fff;opacity:0;pointer-events:none;z-index:100;white-space:nowrap}.toast.show{animation:toast .8s ease}.tray-panel{margin-top:10px;padding:11px 12px 9px;border-radius:20px;background:#efe7d3;color:#281d2c;box-shadow:0 7px 0 #9e7761,0 12px 22px #0007}.tray-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.tray-title b{font-size:14px}.tray-title span{font-size:11px;color:#745f66}.tray{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.tray-slot{aspect-ratio:.83;border:2px dashed #765f6170;border-radius:11px;background:#4c3d4420;position:relative;overflow:hidden}.tray-tile{position:absolute;inset:2px;border:2px solid #2e1e22;border-radius:9px;background-color:#18131a;background-image:url('./office-elements-sheet.png');background-size:300% 300%;box-shadow:inset 0 2px #fff6}.danger{height:4px;background:#49363d22;border-radius:9px;margin-top:7px;overflow:hidden}.danger i{height:100%;display:block;width:0;background:linear-gradient(90deg,#5ddf62,#ffd432 55%,#ff3359);transition:.25s}.boosters{display:flex;justify-content:center;gap:14px;margin-top:14px}.boosters button{border:2px solid #ffffff38;border-radius:16px;background:#ffffff13;color:#fff;min-width:138px;padding:7px 12px 7px 50px;position:relative;text-align:left;box-shadow:0 5px 0 #08061066}.boosters button:disabled{opacity:.35}.boosters b,.boosters small{display:block}.boosters b{font-size:13px}.boosters small{font-size:10px;color:#d6c9ec;margin-top:1px}.booster-icon{position:absolute;left:8px;top:50%;width:38px;height:38px;transform:translateY(-50%);border-radius:10px;background-color:#17151c}.modal{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:22px;background:#090713c9;backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.25s}.modal.show{opacity:1;visibility:visible}.modal-card{width:min(100%,390px);border:3px solid #ffe889;border-radius:28px;padding:27px 23px;background:radial-gradient(circle at 50% 0,#6542a0,#251a3c 70%);text-align:center;box-shadow:0 12px 0 #0d0918,0 24px 50px #000a,inset 0 2px #fff4}.modal-card h2{font-size:30px;margin:7px 0 10px;color:#ffe54e;text-shadow:0 3px 0 #b7334e,0 6px 0 #271225}.modal-card p{line-height:1.65;font-size:14px;color:#e5daef;margin:0 auto 18px}.eyebrow{display:inline-block;padding:5px 11px;border-radius:20px;background:#ff3e62;color:#fff2ad;font-size:11px;font-weight:900;letter-spacing:1px}.rule-row{display:flex;align-items:center;justify-content:center;gap:7px;margin:17px 0}.rule-row span{padding:7px 9px;border-radius:9px;background:#ffffff16;font-size:12px;font-weight:800}.rule-row i{color:#ffe25a;font-style:normal}.primary,.secondary{width:100%;border:0;border-radius:15px;padding:14px;font-weight:1000;font-size:16px}.primary{color:#281326;background:linear-gradient(#fff45b,#ffb426);box-shadow:0 6px 0 #a54b23}.secondary{margin-top:13px;color:#e9ddf2;background:#ffffff12;border:1px solid #ffffff30}.result-art{width:110px;height:100px;margin:-8px auto 5px;background-color:#17151c;border-radius:23px;border:3px solid #fff0a1}.fx-layer{position:fixed;inset:0;pointer-events:none;z-index:400}.flying-tile{position:fixed!important;margin:0!important;z-index:410!important;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s!important}.pop-word{position:fixed;z-index:420;font-size:28px;font-weight:1000;color:#ffec49;text-shadow:0 3px 0 #cf3156,0 5px 12px #000;animation:popword .8s ease forwards}.confetti{position:fixed;width:8px;height:12px;border-radius:3px;animation:confetti .75s ease-out forwards}@keyframes toast{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}25%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-65%) scale(1)}}@keyframes popword{0%{opacity:0;transform:translate(-50%,0) scale(.4)}25%{opacity:1;transform:translate(-50%,-20px) scale(1.15)}100%{opacity:0;transform:translate(-50%,-65px) scale(.9)}}@keyframes confetti{to{transform:translate(var(--dx),var(--dy)) rotate(400deg);opacity:0}}@media(max-width:420px){.app-shell{padding-left:10px;padding-right:10px}.board{height:44vh;min-height:340px}.stack-tile{width:61px;height:67px;border-radius:15px}.mission{font-size:11px}.tray{gap:3px}.boosters{gap:8px}.boosters button{min-width:0;flex:1}.modal-card h2{font-size:27px}}@media(max-height:760px){.board{height:42vh;min-height:305px}.topbar{height:51px}.stack-tile{width:58px;height:64px}.boosters{margin-top:10px}.level-card{padding-top:9px;padding-bottom:11px}}