:root{--app-w:412px;--app-h:734px;--board-x:59px;--board-y:126px;--board-size:294px;--ink:#201a13;--ink-soft:#62584b;--paper:#fffdf4;--paper-warm:#f3ead8;--buried:#c7c3b9;--cinnabar:#a83b2c;--gold:#bf8d35}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow:hidden;font-family:FZKai-Z03,STKaiti,KaiTi,"楷体",serif;color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{display:flex;justify-content:center;align-items:flex-start;background:linear-gradient(rgba(23,19,14,.46),rgba(23,19,14,.5)),url("../assets/images/warm-ink-bg.png") center/cover no-repeat fixed}button{font:inherit}#app{position:relative;flex:0 0 var(--app-w);width:var(--app-w);height:var(--app-h);overflow:hidden;isolation:isolate;transform-origin:top center;background:url("../assets/images/warm-ink-bg.png") center/cover no-repeat #eadfc9;box-shadow:0 0 48px rgba(6,5,4,.58)}#app::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,250,230,.18),transparent 19%),radial-gradient(ellipse at 50% 47%,rgba(255,249,227,.4),transparent 53%),linear-gradient(90deg,rgba(74,56,35,.1),transparent 5%,transparent 95%,rgba(74,56,35,.1))}.paper-grain{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.2;mix-blend-mode:multiply;background:repeating-linear-gradient(93deg,rgba(87,70,46,.08) 0 1px,transparent 1px 5px),repeating-linear-gradient(3deg,rgba(87,70,46,.05) 0 1px,transparent 1px 7px)}#topbar{position:absolute;top:13px;left:18px;right:18px;z-index:5;height:28px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:700;letter-spacing:.08em}#topbar span{min-width:104px;padding:5px 11px 4px;border:1px solid rgba(53,42,29,.34);background:rgba(250,242,220,.7);box-shadow:0 2px 0 rgba(54,43,30,.12)}#energy-label{color:#91402d;border-radius:3px 14px}#level-label{color:#30271d;text-align:center;border-radius:14px 3px}#energy-label.empty{color:#a11f1f}#energy-label.flash,.item-btn.flash{animation:.38s shake}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}#title-bar{position:absolute;top:51px;left:34px;right:34px;z-index:5;height:24px;display:flex;align-items:center;justify-content:center;gap:9px}.title-name{min-width:50px;color:#544537;font-size:13px;font-weight:700;text-align:center}#title-track{position:relative;width:190px;height:7px;overflow:visible;border:1px solid rgba(50,40,29,.45);border-radius:0;background:rgba(245,235,210,.64)}#title-track::after,#title-track::before{content:"◆";position:absolute;top:-7px;color:#544537;font-size:10px}#title-track::before{left:-7px}#title-track::after{right:-7px}#title-fill{width:0;height:100%;background:linear-gradient(90deg,#8f2f25,#cf9f45);transition:width .45s}#target-label{position:absolute;top:83px;left:50%;z-index:5;display:flex;align-items:baseline;gap:5px;transform:translateX(-50%);white-space:nowrap;color:#584536;font-size:14px;letter-spacing:.06em}#target-label::after,#target-label::before{content:"";width:31px;height:1px;background:linear-gradient(90deg,transparent,rgba(67,50,35,.7))}#target-label::after{background:linear-gradient(90deg,rgba(67,50,35,.7),transparent)}#target-label strong{color:var(--cinnabar);font-size:21px;line-height:1}#target-label em,#target-label i{font-style:normal}#board{position:absolute;left:var(--board-x);top:var(--board-y);z-index:2;width:var(--board-size);height:var(--board-size);filter:drop-shadow(0 8px 9px rgba(46, 34, 22, .12))}#board::before{content:"";position:absolute;inset:-7px;pointer-events:none;border:1px solid rgba(62,47,32,.1);background:rgba(255,251,235,.07)}#app.magic-armed #board::before{border-color:rgba(188,133,40,.78);box-shadow:0 0 18px rgba(207,158,62,.56),inset 0 0 12px rgba(207,158,62,.2)}.tile{position:absolute;width:96px;height:48px;display:flex;align-items:center;justify-content:center;gap:3px;overflow:visible;border:1.5px solid #211d18;border-radius:3px;outline:0;background:linear-gradient(103deg,rgba(255,255,255,.64),transparent 38%),linear-gradient(168deg,#fffef8 0,#f2ede2 100%);box-shadow:2px 3px 0 rgba(52,44,34,.38),inset 0 0 0 1px rgba(255,255,255,.78);color:#17130f;font-size:23px;font-weight:900;line-height:1;letter-spacing:.03em;cursor:pointer;transition:filter .16s,transform .18s,opacity .24s,left .26s cubic-bezier(.2, .8, .25, 1),top .26s cubic-bezier(.2, .8, .25, 1)}.tile::before{content:"";position:absolute;inset:3px;pointer-events:none;border:1px solid rgba(73,60,44,.16)}.tile:not(:disabled):hover{filter:brightness(1.05)}.tile:not(:disabled):active{transform:translate(1px,2px);box-shadow:1px 1px 0 rgba(52,44,34,.4)}.tile.vertical{width:48px;height:96px;flex-direction:column;gap:2px}.tile.covered{border-color:#4c4740;background:linear-gradient(145deg,rgba(255,255,255,.2),transparent 36%),linear-gradient(168deg,#d7d3ca,#bbb7af);color:#68635b;box-shadow:2px 3px 0 rgba(41,36,30,.4),inset 0 0 0 1px rgba(246,242,232,.35);cursor:default}.tile.vanish{pointer-events:none;animation:.42s forwards tile-burst}.tile.vanish::after{content:"";position:absolute;left:50%;top:50%;width:120px;height:88px;transform:translate(-50%,-50%) scale(.25);background:radial-gradient(circle at 28% 38%,rgba(24,20,16,.86) 0 11%,transparent 26%),radial-gradient(circle at 67% 35%,rgba(24,20,16,.74) 0 12%,transparent 24%),radial-gradient(circle at 52% 68%,rgba(24,20,16,.82) 0 14%,transparent 29%);animation:.44s ease-out forwards ink-burst}@keyframes tile-burst{0%{transform:scale(1);opacity:1}34%{transform:scale(1.08);opacity:1}100%{transform:scale(1.22);opacity:0}}@keyframes ink-burst{0%{transform:translate(-50%,-50%) scale(.25);opacity:.95}100%{transform:translate(-50%,-50%) scale(1.55);opacity:0}}#pile-row{position:absolute;left:44px;top:437px;z-index:4;width:325px;height:43px}.pile-slot{position:absolute;width:70px;height:40px}.pile-slot::after{content:"";position:absolute;inset:8px 5px 1px;z-index:-1;border-bottom:1px solid rgba(57,45,31,.28);opacity:.75}.pile-slot.empty::after{border:1px dashed rgba(65,51,36,.18);background:rgba(255,249,229,.13)}#pile-1{left:0}#pile-2{left:85px}#pile-3{left:170px}#pile-4{left:255px}.pile-slot .tile{position:absolute;inset:0;width:70px;height:40px;font-size:20px}.pile-slot .fan-left{transform:translate(calc(-1 * var(--pile-offset)),var(--pile-offset))}.pile-slot .fan-right{transform:translate(var(--pile-offset),var(--pile-offset))}.pile-slot .buried{border-color:#534e46;background:linear-gradient(160deg,#ccc8bf,#aba79e);color:transparent;cursor:default}.pile-slot .buried span{visibility:hidden}.pile-slot .clickable{background:linear-gradient(103deg,rgba(255,255,255,.68),transparent 42%),linear-gradient(168deg,#fffef8,#eee8da);color:#17140f}#meaning-bar{position:absolute;top:493px;left:38px;z-index:20;width:336px;min-height:39px;padding:6px 10px;overflow:hidden;border:1px solid rgba(41,34,25,.76);background:rgba(38,32,24,.9);color:#f1ead9;font-size:12px;line-height:1.3;transition:opacity .26s,transform .26s}#meaning-bar .word{display:block;overflow:hidden;color:#e3b65a;font-weight:700;white-space:nowrap;text-overflow:ellipsis}#meaning-bar .meaning{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#meaning-bar.hidden{opacity:0;pointer-events:none;transform:translateY(-3px)}#slot-bar{position:absolute;top:535px;left:38px;z-index:5;width:336px;height:53px;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #332b22;border-radius:3px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 12%,transparent 88%,rgba(255,255,255,.08)),#4a443a;box-shadow:inset 0 2px 7px rgba(16,13,10,.62),0 3px 0 rgba(54,42,28,.22)}.slot-cell{position:relative;flex:0 0 78px;height:43px;border:1px solid rgba(39,33,26,.5);border-radius:2px;background:rgba(240,234,217,.78);box-shadow:inset 1px 2px 5px rgba(65,54,42,.34)}.slot-cell>.tile{position:relative;inset:auto;width:78px;height:43px;margin:-1px;font-size:21px;transform:none}#item-bar{position:absolute;top:625px;left:27px;right:27px;z-index:5;height:78px;display:flex;justify-content:space-between}.item-btn{position:relative;width:72px;height:72px;border:1px solid rgba(56,43,29,.66);border-radius:50% 46% 49% 45%;outline:0;background:radial-gradient(circle at 42% 38%,rgba(255,251,235,.96),rgba(221,206,177,.88) 72%),#e3d5b8;box-shadow:0 4px 0 rgba(65,49,31,.35),inset 0 0 0 3px rgba(255,250,232,.48);color:#342a20;cursor:pointer}.item-btn::before{content:"";position:absolute;inset:7px;border:1px dashed rgba(89,66,40,.35);border-radius:inherit}.item-btn .ic{position:relative;z-index:1;display:block;font-size:16px;font-weight:900;letter-spacing:.08em}.item-btn:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(65,49,31,.4)}.item-btn.armed{border-color:#9f6824;background:radial-gradient(circle at 42% 38%,#fff1b7,#d8a74a 78%);box-shadow:0 0 16px rgba(204,148,42,.65),0 3px 0 #885f27}.item-btn.empty .ic{opacity:.38}.item-btn .ct{position:absolute;top:-2px;right:-3px;z-index:3;min-width:20px;height:20px;padding:0 5px;border:1px solid rgba(87,24,19,.62);border-radius:2px 7px;background:var(--cinnabar);box-shadow:1px 2px 0 rgba(55,21,17,.28);color:#fff5df;font-family:SimSun,serif;font-size:12px;line-height:19px}.item-btn.empty .ct{background:#777067}#overlay{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;background:rgba(19,16,12,.76);backdrop-filter:blur(3px);transition:opacity .3s}#overlay.hidden{opacity:0;pointer-events:none}#overlay-box{min-width:300px;padding:36px 26px 30px;border:1px solid rgba(226,195,131,.46);background:linear-gradient(rgba(35,29,22,.91),rgba(24,20,16,.94)),url("../assets/images/warm-ink-bg.png") center/cover;box-shadow:0 18px 60px rgba(0,0,0,.45);text-align:center}#overlay-title{color:#dbb45e;font-size:50px;font-weight:900;letter-spacing:.14em;text-shadow:2px 3px 0 #3d2a18}#overlay-title.fail{color:#c1bbb0}#overlay-text{margin:18px 0 27px;color:#e8dfcd;font-size:17px;letter-spacing:.06em}#overlay-text .promo{display:inline-block;color:#e2b75d;font-weight:700;animation:.55s promo-pop}@keyframes promo-pop{0%{transform:scale(.7);opacity:0}65%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}#overlay-btns{display:flex;justify-content:center;gap:13px}#overlay-btns button{min-width:112px;padding:10px 18px;border:1px solid rgba(255,244,215,.42);border-radius:2px;color:#fff8e8;font-size:17px;font-weight:700;letter-spacing:.1em;cursor:pointer}#overlay-btns button.hidden{display:none}#btn-next{background:#8d3a2b;box-shadow:0 3px 0 #552219}#btn-retry{background:#5e574c;box-shadow:0 3px 0 #353029}@media (max-width:411px),(max-height:733px){body{background-position:center top}}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}}