.opening-prep[data-v-a6396021]{z-index:1;width:min(900px,100%);max-height:calc(100dvh - 155px);margin:6px auto 14px;padding:clamp(22px,3vw,36px);position:relative;overflow:auto}.opening-eyebrow[data-v-a6396021]{color:#d7b980;letter-spacing:.2em;margin:0 0 8px;font-size:12px}h1[data-v-a6396021]{letter-spacing:.08em;margin:0;font-size:clamp(25px,3.2vw,38px);font-weight:500}.opening-lede[data-v-a6396021]{color:#d3c8b8;margin:10px 0 24px;line-height:1.8}.opening-grid[data-v-a6396021]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.opening-task[data-v-a6396021]{background:#17202bcc;border:1px solid #b99b704e;min-width:0}.opening-task.inspected[data-v-a6396021]{border-color:#c8a36f}.opening-task button[data-v-a6396021]{color:#f2e9db;text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:10px;width:100%;min-height:86px;padding:16px 14px;display:flex}.opening-task button[data-v-a6396021]:focus-visible{outline-offset:-4px;outline:2px solid #eed2a5}.opening-task-count[data-v-a6396021]{color:#d5b581;min-width:25px}.opening-task strong[data-v-a6396021]{font-size:17px;font-weight:500;display:block}.opening-task small[data-v-a6396021]{color:#bcb1a3;margin-top:5px;font-size:11px;line-height:1.5;display:block}.opening-task-action[data-v-a6396021]{color:#d5b581;white-space:nowrap;margin-left:auto;font-size:11px}.opening-reveal[data-v-a6396021]{color:#e4d8c8;padding:0 14px 15px;font-size:13px;line-height:1.8}.opening-reveal p[data-v-a6396021]{margin:0 0 8px}.opening-reveal p[data-v-a6396021]:last-child{margin-bottom:0}.opening-footer[data-v-a6396021]{justify-content:space-between;align-items:center;gap:15px;margin-top:22px;display:flex}.opening-footer p[data-v-a6396021]{color:#d6c4ac;margin:0;font-size:13px}.opening-footer .ornate-button[data-v-a6396021]:disabled{opacity:.45;cursor:not-allowed}@media (width<=700px){.opening-prep[data-v-a6396021]{max-height:none;overflow:visible}.opening-grid[data-v-a6396021]{grid-template-columns:1fr;gap:8px}.opening-task button[data-v-a6396021]{min-height:64px}.opening-footer[data-v-a6396021]{flex-direction:column;align-items:stretch}.opening-footer .ornate-button[data-v-a6396021]{justify-content:center}}:root{--hud-bg:linear-gradient(180deg, #0d1626e0, #0a111ee8);--hud-line:#c9a46acc;--hud-line-soft:#c9a46a55;--hud-gold:#e8c98f;--hud-glow:0 0 18px #f0c06a33;--hud-radius:14px}.hud-frame{background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:var(--hud-radius);box-shadow:inset 0 0 0 4px #0a111e, inset 0 0 0 5px var(--hud-line-soft), 0 14px 40px #02050c99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative}.game-header{z-index:5;pointer-events:none;background:0 0;justify-content:flex-end;align-items:center;padding:22px 2.4% 0;display:flex;position:absolute;inset:0 0 auto}.game-header>*{pointer-events:auto}.game-header .game-brand{display:none}.game-header .night-indicator{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.game-hud-nav{align-items:center;gap:14px;display:flex}.game-hud-pill{border:1px solid var(--hud-line);box-shadow:inset 0 0 0 3px #0a1120, inset 0 0 0 4px var(--hud-line-soft), 0 8px 26px #02050c99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1120d9;border-radius:999px;align-items:center;padding:3px 10px;display:flex}.game-hud-pill>:is(a,button){letter-spacing:.18em;color:#f1e3c6;align-items:center;gap:10px;min-height:46px;padding:0 20px;font-size:16px;transition:color .2s,text-shadow .2s;display:inline-flex;position:relative}.game-hud-pill>:is(a,button)+:is(a,button):before{content:"";background:var(--hud-line-soft);width:1px;position:absolute;top:30%;bottom:30%;left:0}.game-hud-pill svg{color:var(--hud-gold)}.game-hud-pill>:is(a,button):is(:hover,:focus-visible):not(:disabled){color:#fff3d6;text-shadow:0 0 12px #f0c06a99}.game-hud-dot{background:#e04a3c;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:30px;box-shadow:0 0 8px #ff5a4a}.game-hud-gear.icon-button{border:1px solid var(--hud-line);width:50px;height:50px;color:var(--hud-gold);box-shadow:inset 0 0 0 3px #0a1120, inset 0 0 0 4px var(--hud-line-soft), 0 8px 26px #02050c99;background:#0a1120d9;border-radius:50%}.game-page.mode-dialogue,.game-page.mode-tea,.game-page.mode-letter{height:100dvh;min-height:0;overflow:hidden}.mode-dialogue .game-content{min-height:0;padding:0 6.2% 3.2vh}.mode-dialogue .scene-shade{background:linear-gradient(#0000 52%,#060b1666 72%,#060b16d9 100%),linear-gradient(#060b1680,#0000 22%)}.mode-dialogue .scene-caption{border:1px solid var(--hud-line-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1120b3;border-radius:999px;flex-direction:row;align-items:baseline;gap:14px;margin:0;padding:8px 18px;top:26px;left:2.4%}.mode-dialogue .scene-caption>span{font-size:17px}.mode-dialogue .scene-caption small{font-size:12px}.lincheng-back{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 30px #02050caa);width:auto;height:min(78vh,720px);position:absolute;bottom:0;right:-2%}.mode-dialogue .character-portrait{max-width:48%;height:min(70vh,640px);animation-name:portrait-arrive-center;bottom:18vh;left:50%;right:auto;transform:translate(-62%)}@keyframes portrait-arrive-center{0%{opacity:.25;transform:translate(-62%,8px)}to{opacity:1;transform:translate(-62%)}}.mode-dialogue .character-portrait-child{height:min(50vh,460px)}.dialogue-panel{border:1px solid var(--hud-line);max-width:none;min-height:0;box-shadow:inset 0 0 0 5px #0a111e, inset 0 0 0 6px var(--hud-line-soft), 0 18px 60px #02050ccc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0c1424d6,#080e1bec);border-radius:22px;margin:0 auto;padding:44px 5.2% 34px}.dialogue-panel:after{content:"";clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 6px #f0c06a);background:#f3dcae;width:22px;height:22px;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.speaker-line{gap:0;position:absolute;top:-24px;left:2.4%}.speaker{border:1px solid var(--hud-line);min-height:46px;box-shadow:inset 0 0 0 3px #0a1120, inset 0 0 0 4px var(--hud-line-soft), 0 6px 18px #02050c99;color:#f6ead2;letter-spacing:.22em;background:linear-gradient(#121b2c,#0a1120);border-radius:12px;align-items:center;padding:0 46px 0 40px;font-size:21px;display:inline-flex}.speaker-line .speaker-rule{display:none}.speaker-line>svg{color:var(--hud-gold);margin-left:-34px}.dialogue-text{font-size:calc(var(--reading) + 3px);letter-spacing:.12em;color:#f5ecdb;margin:4px 0 22px;line-height:1.85}.dialogue-choices{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:0}.dialogue-choices button{border:1px solid var(--hud-line);text-align:center;letter-spacing:.14em;background:#0a1120cc;border-radius:10px;justify-content:center;min-height:54px;padding:10px 22px;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 0 0 3px #0a1120,inset 0 0 0 4px #c9a46a26}.dialogue-choices button:is(:hover,:focus-visible){box-shadow:inset 0 0 0 3px #0a1120, inset 0 0 0 4px #e8c98f66, var(--hud-glow);background:#141d30e6;border-color:#f3d79f}.dialogue-choices .choice-number{opacity:.85;font-size:11px}.dialogue-choices button>svg{margin-left:0}.continue-button{position:absolute;bottom:14px;right:3%}.keyboard-hint{display:none}.mode-dialogue+.game-footer,.game-footer{z-index:0;opacity:.85;pointer-events:none;background:0 0;padding:0 2.4% 6px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.game-footer :is(button,a){pointer-events:auto}@media (width<=640px){.game-header{padding:12px 12px 0}.game-hud-pill{padding:2px 4px}.game-hud-pill>:is(a,button){justify-content:center;gap:0;min-width:44px;min-height:44px;padding:0 10px}.game-hud-pill>:is(a,button)>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.game-hud-dot{left:24px}.game-hud-gear.icon-button{width:46px;height:46px}.mode-dialogue .scene-caption{top:70px;left:12px}.mode-dialogue .game-content{padding:0 12px 26px}.lincheng-back{height:44vh;right:-18%}.mode-dialogue .character-portrait{max-width:80%;height:46vh;bottom:34vh;left:42%}.dialogue-panel{border-radius:16px;padding:34px 18px 26px}.speaker{min-height:40px;padding:0 30px 0 22px;font-size:17px}.speaker-line>svg{margin-left:-26px}.dialogue-text{font-size:var(--reading);margin-bottom:16px}.dialogue-choices{grid-template-columns:1fr;gap:10px}.continue-button{position:static}}.high-contrast :is(.dialogue-panel,.game-hud-pill,.game-hud-gear.icon-button,.speaker){-webkit-backdrop-filter:none;backdrop-filter:none;background:#05080e}.high-contrast .lincheng-back{opacity:.55}.title-page{background-position:50%;height:100dvh;min-height:560px}.title-scrim{background:radial-gradient(46% 32% at 50% 24%,#060c1a8c,#0000 70%),linear-gradient(#0000 74%,#050a16cc 100%),linear-gradient(#050a1699 0%,#0000 16%)}.title-header{padding:24px 2.6%}.title-header nav a{border:1px solid var(--hud-line-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1120a6;border-radius:999px;padding:0 16px}.title-content{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:auto;padding:0 4% 30px;display:flex;position:static}.title-mark{flex-direction:column;align-items:center;margin-top:max(0px,4vh - 40px);display:flex;position:relative}.title-moon{fill:#f6e3b8;filter:drop-shadow(0 0 16px #f7d48c)drop-shadow(0 0 40px #f0b85a88);opacity:.92;pointer-events:none;width:clamp(70px,8.6vw,140px);position:absolute;top:-2%;left:14%}.title-content h1{letter-spacing:.04em;color:#fff6e2;text-shadow:0 0 6px #ffe7b0,0 0 26px #f2c46ecc,0 0 70px #e2a24a88,0 4px 18px #050a16;font-size:clamp(64px,9.6vw,168px);line-height:1.15;position:relative}.title-content .english-title{letter-spacing:.06em;color:#fbf0d8;text-shadow:0 0 14px #f2c46e99,0 2px 10px #050a16;margin:4px 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(20px,2.5vw,42px)}.title-content .title-rule{justify-content:center;gap:10px;width:clamp(240px,26vw,440px);margin:18px 0 0}.title-content .title-rule span{background:linear-gradient(90deg,#0000,#e8c98f);flex:1;height:1px}.title-content .title-rule span:last-child{background:linear-gradient(90deg,#e8c98f,#0000)}.title-content .title-rule i{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 6px #f0c06a);background:#fbe6b8;width:16px;height:16px}.title-content .title-actions{flex-flow:wrap;justify-content:center;align-items:center;gap:18px;margin:auto 0 0}.title-content .title-actions>:is(.ornate-button,.quiet-button,button){border:1px solid var(--hud-line);min-width:230px;min-height:56px;box-shadow:inset 0 0 0 3px #0a1120, inset 0 0 0 4px var(--hud-line-soft), 0 10px 30px #02050ccc;letter-spacing:.2em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1120d9;border-radius:12px;outline:none}.title-content .title-actions>.ornate-button{border-color:#f0d49c;box-shadow:inset 0 0 0 3px #0a1120,inset 0 0 0 4px #e8c98f88,0 0 24px #f0c06a40,0 10px 30px #02050ccc}.title-content .title-actions>:is(.ornate-button,.quiet-button,button):is(:hover,:focus-visible):not(:disabled){background:#151f33f0;box-shadow:inset 0 0 0 3px #0a1120,inset 0 0 0 4px #e8c98faa,0 0 26px #f0c06a55}.title-content .title-submenu{text-shadow:0 1px 6px #000;background:#0a112099;border-radius:999px;margin-top:6px;padding:0 18px}@media (width<=640px){.title-page{background-image:var(--scene-image-mobile)}.title-header .shop-seal{font-size:11px}.title-header nav{gap:8px}.title-header nav a>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.title-moon{left:4%}.title-content .title-actions{flex-direction:column;gap:12px}.title-content .title-actions>:is(.ornate-button,.quiet-button,button){width:min(300px,100%)}}.high-contrast .title-content .title-actions>:is(.ornate-button,.quiet-button,button){-webkit-backdrop-filter:none;backdrop-filter:none;background:#05080e}.game-page:not(.mode-dialogue) .game-content{padding-top:92px;padding-bottom:34px}@media (width<=640px){.game-page:not(.mode-dialogue) .game-content{padding-top:72px}}.mode-tea .scene-shade{background:radial-gradient(70% 60% at 50% 62%,#0000 40%,#050a1680 100%),linear-gradient(#050a1666,#0000 30%)}.mode-tea .game-content{justify-content:stretch;align-items:stretch;padding:84px 2.2% 18px}.hands-on-tea.paper-frame{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;max-width:none;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;margin:0;padding:0;animation-name:scene-panel-fade;display:flex;position:static}.hands-on-tea.paper-frame:before,.hands-on-tea.paper-frame:after{display:none}.hands-on-tea .tea-table-heading{z-index:6;border:1px solid var(--hud-line-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1120c7;border-radius:999px;align-items:center;gap:14px;margin:0;padding:4px 6px 4px 18px;display:flex;position:absolute;top:26px;left:2.4%}.hands-on-tea .tea-table-heading>div{align-items:baseline;gap:12px;display:flex}.hands-on-tea .tea-table-heading h2{letter-spacing:.14em;font-size:16px}.hands-on-tea .tea-table-heading .subtle{font-size:12px}.hands-on-tea .tea-table-heading .quiet-button{border-radius:999px;min-height:44px;padding:6px 14px;font-size:13px}.hands-on-tea .table-phases{z-index:4;border:1px solid var(--hud-line-soft);white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1120cc;border-radius:999px;gap:4px;margin:0;padding:4px 6px;font-size:12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hands-on-tea .table-phases li{border-radius:999px;padding:4px 12px}.hands-on-tea .tea-hud-layout{flex:1;grid-template:auto minmax(0,1fr) auto/minmax(250px,330px) minmax(0,1fr) minmax(230px,300px);align-items:start;gap:14px 22px;min-height:0}.hands-on-tea .tea-hud-temp{grid-area:1/1}.hands-on-tea .tea-hud-steep{grid-area:1/2}.hands-on-tea .tea-hud-flavor{grid-area:1/3/3/4}.hands-on-tea .tea-hud-board{grid-area:1/2/4/3}.hands-on-tea .tea-hud-recipe{grid-area:3/1}.hands-on-tea .tea-hud-done{grid-area:3/3}.hands-on-tea .tea-hud-steep{justify-self:center;width:min(300px,100%)}.hands-on-tea .tea-hud-board{align-self:end;width:100%;min-height:0;max-height:100%}.hands-on-tea .tea-hud-recipe,.hands-on-tea .tea-hud-done{z-index:2;align-self:end;position:relative}.hands-on-tea .tea-hud-flavor,.hands-on-tea .tea-hud-temp,.hands-on-tea .tea-hud-steep{z-index:2;position:relative}.hands-on-tea .tea-hud-card{border-color:var(--hud-line);border-radius:var(--hud-radius);box-shadow:inset 0 0 0 4px #0a111e, inset 0 0 0 5px var(--hud-line-soft), 0 14px 36px #02050ccc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0d1626d9,#0a111ee6)}.hands-on-tea .tea-board{box-shadow:none;width:min(100%, calc((100dvh - 340px) * var(--board-ratio,1.408)));background:0 0;border:0;border-radius:0;margin:0 auto;overflow:visible}.hands-on-tea .tea-gesture-hint,.hands-on-tea .tea-board .board-backdrop{display:none}.hands-on-tea .tea-board .board-mat{fill:none;stroke-opacity:0}.hands-on-tea .tea-board .shelf-inscription{display:none}.hands-on-tea .tea-hud-flavor .flavor-radar svg{max-width:190px}.hands-on-tea .tea-hud-recipe .tea-hud-desc,.hands-on-tea .tea-hud-recipe>.subtle{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hands-on-tea .tea-recipe-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.hands-on-tea .tea-recipe-slots li{text-align:center;grid-template-columns:1fr;justify-items:center;row-gap:4px;padding:8px 4px}.hands-on-tea .tea-slot-swatch,.hands-on-tea .tea-slot-plus{grid-row:auto;width:46px;height:46px}.hands-on-tea .tea-slot-name{font-size:12px}.hands-on-tea .tea-hud-done .tea-action-feedback{min-height:0}@media (width<=1180px),(height<=780px){.game-page.mode-tea{height:auto;min-height:100dvh;overflow:visible}.mode-tea .game-content{padding-top:78px}.hands-on-tea .tea-hud-layout{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"temp steep""board board""recipe flavor""done done";height:auto}.hands-on-tea .tea-hud-steep{width:100%}.hands-on-tea :is(.tea-hud-temp,.tea-hud-steep,.tea-hud-flavor,.tea-hud-board,.tea-hud-recipe,.tea-hud-done){grid-area:auto}.hands-on-tea .tea-hud-temp{grid-area:temp}.hands-on-tea .tea-hud-steep{grid-area:steep}.hands-on-tea .tea-hud-flavor{grid-area:flavor}.hands-on-tea .tea-hud-board{grid-area:board}.hands-on-tea .tea-hud-recipe{grid-area:recipe}.hands-on-tea .tea-hud-done{grid-area:done}.hands-on-tea .tea-board{width:100%}.hands-on-tea .table-phases{white-space:normal;border-radius:16px;flex-wrap:wrap;justify-content:center;justify-self:center;width:fit-content;max-width:100%;margin:0 auto 12px;position:static;transform:none}.hands-on-tea .tea-table-heading{width:fit-content;margin:0 0 12px;position:static}}@media (width<=640px){.hands-on-tea .tea-hud-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"temp""board""steep""recipe""flavor""done"}.hands-on-tea .tea-table-heading{border-radius:16px;flex-wrap:wrap}.hands-on-tea .tea-recipe-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}.high-contrast .hands-on-tea .tea-hud-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#05080e}@keyframes scene-panel-fade{0%{opacity:0}to{opacity:1}}.mode-letter .scene-shade{background:radial-gradient(60% 55% at 58% 58%,#0000 45%,#050a1673 100%),linear-gradient(#050a1640,#0000 25%)}.mode-letter .game-content{justify-content:stretch;align-items:stretch;padding:84px 2.4% 18px}.letter-panel.paper-frame{width:100%;max-width:none;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;margin:0;padding:0;animation-name:scene-panel-fade;display:flex;position:static}.letter-panel.paper-frame:before,.letter-panel.paper-frame:after{display:none}.letter-panel>.panel-heading{z-index:6;border:1px solid var(--hud-line-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1120c7;border-radius:999px;gap:12px;margin:0;padding:4px 22px 4px 6px;position:absolute;top:26px;left:2.4%}.letter-panel>.panel-heading>:first-child{width:40px;height:40px}.letter-panel>.panel-heading>div{align-items:baseline;gap:12px;display:flex}.letter-panel>.panel-heading h2{letter-spacing:.14em;font-size:16px}.letter-panel>.panel-heading .subtle{font-size:12px}.letter-panel>.letter-zoom-controls{z-index:4;border:1px solid var(--hud-line-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1120cc;border-radius:999px;gap:6px;margin:0;padding:2px 14px 2px 16px;font-size:13px;position:absolute;bottom:22px;left:2.4%}.letter-panel>.letter-zoom-controls .subtle{display:none}.letter-panel>.letter-side-buttons{z-index:4;flex-direction:column;align-items:flex-start;gap:6px;position:absolute;top:92px;left:2.4%}.letter-panel .letter-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:stretch;gap:3vw;min-height:0;padding:0 0 0 clamp(0px,20vw,330px)}@media (width>=1181px) and (height>=701px){.letter-panel .letter-layout-zoomed{overflow:auto}}.letter-panel .letter-paper{border:1px solid var(--hud-line);border-radius:16px;align-self:center;width:100%;max-height:100%;padding:26px 30px;box-shadow:inset 0 0 0 6px #0d1526,inset 0 0 0 7px #e8c98f66,inset 0 0 40px #02050c,0 24px 50px #02050ccc,0 0 40px #f0c06a1f}.letter-panel .letter-side{flex-direction:column;gap:16px;min-height:0;padding:2px 4px 8px;display:flex}@media (width>=1181px) and (height>=701px){.letter-panel .letter-side{overflow-y:auto}}.letter-panel .letter-side>.letter-clue{flex:none;order:-1;transform:rotate(1.2deg)}.letter-panel .letter-side>.letter-clue .letter-clue-note{display:none}.letter-panel .letter-side>.letter-fragments{border-radius:14px;flex:none;box-shadow:inset 0 0 0 3px #1a110a,inset 0 0 0 4px #c9a46a55,0 18px 40px #02050ccc}.letter-panel .panel-footer{background:0 0;border:0;justify-content:center;gap:18px;min-height:64px;margin:12px 0 0;padding:0;position:relative}@media (width>=641px){.letter-panel .letter-layout .letter-slot{min-height:calc(150px * var(--letter-zoom,1))}}.letter-panel .letter-paper .letter-date{font-size:calc(13px * var(--letter-zoom,1))}.letter-panel .panel-footer>.subtle{text-align:center;pointer-events:none;background:#0a1120b3;border-radius:999px;max-width:46%;padding:4px 16px;font-size:13px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.letter-panel .letter-actions .quiet-button{border:1px solid var(--hud-line);min-width:190px;min-height:56px;box-shadow:inset 0 0 0 3px #0a1120, inset 0 0 0 4px var(--hud-line-soft), 0 10px 26px #02050ccc;letter-spacing:.3em;background:#0a1120e0;border-radius:14px;font-size:17px}.letter-panel .letter-finish{letter-spacing:.24em;border-radius:14px;min-width:300px;min-height:64px;font-size:20px;position:absolute;bottom:0;right:0;box-shadow:inset 0 0 0 3px #0a1120,inset 0 0 0 4px #e8c98f88,0 0 30px #f0c06a40,0 10px 30px #02050ccc}@media (width<=1180px),(height<=700px){.game-page.mode-letter{height:auto;min-height:100dvh;overflow:visible}.letter-panel>.panel-heading,.letter-panel>.letter-zoom-controls,.letter-panel>.letter-side-buttons{width:fit-content;margin:0 0 12px;position:static}.letter-panel .letter-layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);padding:0}.letter-panel .letter-side{overflow:visible}.letter-panel .panel-footer{flex-wrap:wrap}.letter-panel .panel-footer>.subtle{flex-basis:100%;max-width:none;position:static;transform:none}.letter-panel .letter-finish{position:static}}@media (width<=640px){.letter-panel .letter-layout{grid-template-columns:minmax(0,1fr)}.letter-panel>.panel-heading{border-radius:16px}.letter-panel .letter-actions .quiet-button,.letter-panel .letter-finish{min-width:0}}.hands-on-tea .tea-board text{paint-order:stroke;stroke:#0a0f1a;stroke-width:4px;stroke-linejoin:round}.jar-caption-plate{display:none}.hands-on-tea .tea-board .jar-caption-plate{fill:#0a1120;fill-opacity:.9;stroke:#c9a46a;stroke-opacity:.45;display:block}.hands-on-tea .tea-board .jar-caption{fill:#f3e4c4}.game-footer>*{background:#050a16cc;border-radius:999px;padding:2px 10px}.letter-panel>.letter-side-buttons>.subtle{color:#e6d8bd;background:#050a16d9;border-radius:999px;padding:4px 14px}.tea-house-brief{display:contents}.tea-house.tea-house-service .tea-house-shade{background:radial-gradient(70% 60% at 50% 62%,#0000 40%,#050a1680 100%),linear-gradient(#050a16a6,#0000 30%)}@media (width>=1181px) and (height>=800px){.tea-house.tea-house-service{height:100dvh;min-height:0;padding:0;overflow:hidden}.tea-house.tea-house-service .tea-house-header{z-index:6;padding:14px 2.2%;position:absolute;inset:0 0 auto}.tea-house.tea-house-service .tea-house-header>:is(a,.tea-house-rank){border:1px solid var(--hud-line-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1120c7;border-radius:999px;min-height:44px;padding:0 16px}.tea-house.tea-house-service .tea-house-brand{text-shadow:0 2px 12px #000}.tea-house.tea-house-service .tea-service.paper-frame{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(270px,330px) minmax(0,1fr) minmax(270px,320px);gap:10px 22px;margin:0;padding:0;animation-name:scene-panel-fade;display:grid;position:absolute;inset:76px 2.2% 14px}.tea-house.tea-house-service .tea-service.paper-frame:before,.tea-house.tea-house-service .tea-service.paper-frame:after{display:none}.tea-house.tea-house-service :is(.tea-table-layout.tea-house-layout,.tea-house-main){display:contents}.tea-house.tea-house-service .tea-house-brief{flex-direction:column;grid-area:1/1/3/2;gap:10px;min-height:0;display:flex}.tea-house.tea-house-service .tea-service-bar{border:1px solid var(--hud-line-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1120c7;border-radius:24px;flex-wrap:wrap;grid-area:1/2;justify-content:space-between;align-self:start;align-items:center;gap:8px;margin:0;padding:6px 8px 6px 18px;display:flex}.tea-house.tea-house-service .tea-service-bar .quiet-button{border-radius:999px;min-height:44px;padding:6px 14px;font-size:14px}.tea-house.tea-house-service :is(.order-ticket,.free-ticket){grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:14px 18px}.tea-house.tea-house-service .order-ticket :is(.ticket-line,.ticket-wishes){margin:0}.tea-house.tea-house-service .tea-house-guide{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1120d9;grid-template-columns:minmax(0,1fr);margin:0;padding:10px 14px;font-size:13px}.tea-house.tea-house-service .tea-board-wrap{grid-area:2/2/4/3;justify-content:center;place-self:stretch center;align-items:flex-end;width:100%;min-height:0;display:flex;container-type:size}.tea-house.tea-house-service .tea-board{width:min(100cqw, 100cqh * var(--board-ratio,1.408));height:auto;box-shadow:none;background:0 0;border:0;margin:0 auto;overflow:visible}.tea-house.tea-house-service .tea-board :is(.board-backdrop,.shelf-inscription){display:none}.tea-house.tea-house-service .tea-board .board-mat{fill:none;stroke-opacity:0}.tea-house.tea-house-service .tea-board .jar-caption-plate{fill:#0a1120;fill-opacity:.9;stroke:#c9a46a;stroke-opacity:.45;display:block}.tea-house.tea-house-service .tea-board text{paint-order:stroke;stroke:#0a0f1a;stroke-width:4px;stroke-linejoin:round}.tea-house.tea-house-service .tea-gesture-hint{display:none}.tea-house.tea-house-service .ingredient-tray{grid-area:3/1/4/2;align-self:stretch;min-height:0;margin:0;overflow-y:auto}.tea-house.tea-house-service .brew-completion{border:1px solid var(--hud-line-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1120d9;border-radius:14px;margin:0;padding:8px 14px}.tea-house.tea-house-service .tea-house-aside{grid-area:1/3/4/4;min-height:0;margin:0;overflow-y:auto}.tea-house.tea-house-service .ingredient-tray ul{grid-template-columns:minmax(0,1fr);gap:6px}.tea-house.tea-house-service .ingredient-tray li{padding:6px 8px}.tea-house.tea-house-service .brew-completion{grid-template-columns:minmax(0,1fr);gap:6px}.tea-house.tea-house-service .completion-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.tea-house.tea-house-service .completion-steps li{padding:4px 6px;font-size:12px}.tea-house.tea-house-service :is(.ingredient-tray,.tea-house-aside){border:1px solid var(--hud-line);border-radius:var(--hud-radius);box-shadow:inset 0 0 0 4px #0a111e, inset 0 0 0 5px var(--hud-line-soft), 0 14px 36px #02050ccc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0d1626d9,#0a111ee6);padding:14px 16px}}.tea-board .tea-hand{display:none}@media (width>=1181px) and (height>=781px){.hands-on-tea .tea-board:not(.compact) .tea-hand{display:inline}}@media (width>=1181px) and (height>=800px){.tea-house.tea-house-service .tea-board:not(.compact) .tea-hand{display:inline}}.letter-reader{display:none}@media (width>=1181px) and (height>=701px){.mode-letter .letter-reader{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 24px #02050c99);width:min(46vw,82vh);height:auto;display:block;position:absolute;bottom:0;left:-8.5vw}}.ingredient-box-frame{fill:#4a2f1c;stroke:#c9a46a;stroke-opacity:.55;stroke-width:2px}.ingredient-box-floor{fill:#2a1a10}.ingredient-box-divider{fill:none;stroke:#6b4529;stroke-width:5px}@media (width>=1181px) and (height>=701px){.letter-panel .letter-layout{grid-template-columns:minmax(0,1fr) minmax(330px,380px);gap:2.4vw;padding-left:clamp(0px,17vw,300px)}.letter-panel .letter-paper{background:radial-gradient(1.5px 1.5px at 18% 14%,#ffe2a6 50%,#0000 51%),radial-gradient(1px 1px at 72% 9%,#ffe2a6cc 50%,#0000 51%),radial-gradient(1.5px 1.5px at 91% 46%,#ffe2a6 50%,#0000 51%),radial-gradient(1px 1px at 6% 62%,#ffe2a6aa 50%,#0000 51%),radial-gradient(1.5px 1.5px at 44% 94%,#ffe2a6 50%,#0000 51%),radial-gradient(at 50% 40%,#1f2b48,#111a2e 70%,#0b1222);border-radius:18px;align-self:stretch;height:auto;max-height:none;padding:30px 36px;position:relative}.letter-panel .letter-paper:before{content:"";pointer-events:none;--c:#e8c98f;background:linear-gradient(var(--c), var(--c)) top left / 46px 1.5px, linear-gradient(var(--c), var(--c)) top left / 1.5px 46px, linear-gradient(var(--c), var(--c)) top right / 46px 1.5px, linear-gradient(var(--c), var(--c)) top right / 1.5px 46px, linear-gradient(var(--c), var(--c)) bottom left / 46px 1.5px, linear-gradient(var(--c), var(--c)) bottom left / 1.5px 46px, linear-gradient(var(--c), var(--c)) bottom right / 46px 1.5px, linear-gradient(var(--c), var(--c)) bottom right / 1.5px 46px;opacity:.85;background-repeat:no-repeat;border-radius:12px;position:absolute;inset:10px}.letter-panel .letter-layout .letter-slot{min-height:0}.letter-panel .letter-side>.letter-fragments{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:16px 14px;display:grid}.letter-panel .letter-fragments>:not(.fragment){grid-column:1/-1}.letter-panel .letter-layout .fragment{min-height:calc(104px * var(--letter-zoom,1));text-align:center;font-size:calc(14px * var(--letter-zoom,1));flex-direction:column;justify-content:center;gap:4px;padding:10px 10px 12px;line-height:1.5}.letter-panel .letter-layout .fragment-paper{width:calc(44px * var(--letter-zoom,1));height:calc(44px * var(--letter-zoom,1));flex:none}.letter-panel .letter-layout .fragment>svg:last-child{position:absolute;top:8px;right:10px}.letter-panel .letter-side>.letter-clue{padding:14px 18px 12px}.letter-panel .letter-clue .letter-clue-text{font-size:13px;line-height:1.6}.letter-panel .letter-layout{padding-top:max(0px,18vh - 84px);padding-bottom:40px}.letter-panel .letter-side{margin-top:min(0px,84px - 18vh)}.mode-letter .letter-reader{z-index:1}.letter-panel>.letter-zoom-controls{top:88px;bottom:auto}.letter-panel>.letter-side-buttons{top:146px}.letter-panel .letter-slot.filled .slot-motif svg{width:calc(76px * var(--letter-zoom,1));height:calc(76px * var(--letter-zoom,1));opacity:.85}.letter-panel .letter-slot.filled{gap:22px;padding-left:34px}}