:root{--ink: #3e261e;--ink-2: #6f5240;--ink-3: #94785f;--washi: #fbf3e2;--washi-2: #f2e5c8;--washi-3: #e6d4ae;--lacquer: #2e1b15;--lacquer-2: #4a2a20;--vermilion: #b83a2e;--vermilion-2: #8e2a20;--gold: #d8a93f;--gold-2: #f3d27a;--gold-3: #9a7224;--matcha: #5b8a45;--matcha-2: #3f6a30;--sakura: #e2789a;--sky: #2f7fb0;--r: 14px;--shadow: 0 6px 16px rgba(30, 14, 8, .32), 0 1px 0 rgba(255, 255, 255, .4) inset;--fs-xs: 11px;--fs-s: 12.5px;--fs-m: 14px;--fs-l: 16px;--fs-xl: 18px;--paper: radial-gradient(rgba(150, 105, 50, .07) 1px, transparent 1.4px) 0 0 / 7px 7px, radial-gradient(rgba(150, 105, 50, .05) 1px, transparent 1.4px) 3px 4px / 11px 11px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#6cb8d2;overscroll-behavior:none}body{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;color:var(--ink);font-size:var(--fs-m);user-select:none;-webkit-user-select:none;touch-action:none}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block}button{font:inherit;color:inherit;cursor:pointer;border:0;touch-action:manipulation}.hidden{display:none!important}.plaque{background:linear-gradient(#4b2c22,#2e1b15);color:#fbefd4;border:1.5px solid var(--gold);box-shadow:0 0 0 1px #28140a99,inset 0 1px #ffdca040,0 4px 10px #140a0559}.washi{background:var(--paper),linear-gradient(#fdf7ea,var(--washi));color:var(--ink);border:1.5px solid var(--gold);box-shadow:inset 0 0 0 3px var(--washi),inset 0 0 0 4px #d8a93f73,var(--shadow)}#hud{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:calc(10px + env(safe-area-inset-top)) 92px 12px 12px;pointer-events:none}.pill{pointer-events:auto;display:flex;align-items:center;gap:7px;height:36px;padding:0 14px 0 8px;border-radius:18px;font-weight:800;white-space:nowrap;background:linear-gradient(#4b2c22,#2e1b15);color:#fbefd4;border:1.5px solid var(--gold);box-shadow:0 0 0 1px #28140a8c,inset 0 1px #ffdca040,0 4px 10px #140a054d}.coins{font-size:var(--fs-xl);min-width:112px;letter-spacing:.3px}.level{font-size:var(--fs-m);padding-left:12px}.level b{color:var(--gold-2)}.pop{font-size:var(--fs-l)}.pop small{font-size:var(--fs-xs);color:#ffb3c8;font-weight:800}.sakura-icon{color:#ff9fbd;font-size:19px;line-height:1;text-shadow:0 0 6px rgba(255,160,190,.5)}.xpbar{width:58px;height:8px;border-radius:4px;background:#1d110c;box-shadow:inset 0 0 0 1px #d8a93f80;overflow:hidden}#xpfill{height:100%;width:0;background:linear-gradient(90deg,var(--gold-3),var(--gold-2));transition:width .3s}.coin-icon{position:relative;width:22px;height:22px;border-radius:50%;display:inline-block;flex:none;background:radial-gradient(circle at 38% 32%,#fff3b0,#f5c53a 45%,#c98a12 85%);box-shadow:inset 0 0 0 1.5px #a8700a,0 1px 2px #00000059}.coin-icon:after{content:"";position:absolute;left:50%;top:50%;width:30%;height:30%;transform:translate(-50%,-50%);background:#784600bf;border-radius:1px;box-shadow:0 0 0 1px #ffe69680}.coin-icon.sm{width:14px;height:14px;vertical-align:-2px;margin-right:3px}#side{position:fixed;top:calc(10px + env(safe-area-inset-top));right:10px;display:flex;flex-direction:column;gap:8px;z-index:2}.side-btn{position:relative;width:72px;min-height:50px;padding:5px 4px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:linear-gradient(#4b2c22,#2e1b15);color:#fbefd4;border:1.5px solid var(--gold);box-shadow:0 0 0 1px #28140a8c,inset 0 1px #ffdca040,0 4px 10px #140a054d}.side-btn b{font-size:var(--fs-s);letter-spacing:1px}.side-btn small{font-size:var(--fs-xs);font-weight:700;color:var(--gold-2);display:flex;align-items:center}.side-btn .ico{font-size:17px;line-height:1.1}.side-btn.red{background:linear-gradient(#c94a3c,var(--vermilion-2))}.side-btn.red.poor{background:linear-gradient(#7d5f58,#5a423d)}.side-btn:disabled{background:linear-gradient(#6f6466,#4f4648);color:#ddd;cursor:default}.side-btn:active,.row button:active,.card:active{transform:translateY(1px)}.badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--vermilion);color:#fff;font-size:var(--fs-xs);font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--gold-2);animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(1.15)}}#build-menu{position:fixed;left:50%;transform:translate(-50%);bottom:calc(8px + env(safe-area-inset-bottom));width:min(800px,calc(100vw - 16px));padding:8px 9px 9px;border-radius:18px;background:var(--paper),linear-gradient(#fdf7ea,var(--washi));border:1.5px solid var(--gold);box-shadow:inset 0 0 0 3px var(--washi),inset 0 0 0 4px #d8a93f73,var(--shadow);transition:opacity .2s}#build-tabs{display:flex;gap:6px;margin-bottom:7px}.tab{flex:1;padding:6px 0 5px;border-radius:10px;background:var(--washi-2);color:var(--ink-2);font-weight:800;font-size:var(--fs-m);letter-spacing:1px;box-shadow:inset 0 -2px #966e3c33}.tab.on{background:linear-gradient(#4b2c22,#2e1b15);color:#fbefd4;box-shadow:inset 0 -3px 0 var(--gold),0 0 0 1px #d8a93f99}.tab small{margin-left:4px;font-size:var(--fs-xs);opacity:.7;font-weight:700}#build-cards{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 5px;touch-action:pan-x;overscroll-behavior-x:contain;scroll-padding-left:4px}.lv-chip{flex:none;align-self:stretch;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;width:22px;border-radius:8px;background:linear-gradient(90deg,#4b2c22,#2e1b15);color:var(--gold-2);font-weight:800;font-size:var(--fs-xs);letter-spacing:2px;border:1px solid var(--gold)}.lv-chip.locked{background:#a8998a;color:#fff8ec;border-color:#c9bba8}.card{position:relative;flex:none;width:106px;display:flex;flex-direction:column;align-items:center;padding:5px 6px 7px;border-radius:12px;overflow:hidden;background:linear-gradient(#fffdf7,#fbf1dc);color:var(--ink);border:1px solid rgba(216,169,63,.7);box-shadow:0 2px #a0783c59}.card.big{background:linear-gradient(#fffaf0,#f8e7c2);border-color:var(--gold)}.card img{width:60px;height:54px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(60,30,10,.25))}.card.active{box-shadow:0 0 0 3px var(--gold-2),0 0 0 5px var(--gold-3)}.card.poor{filter:grayscale(.45);opacity:.72}.card-name{font-weight:800;font-size:var(--fs-m);line-height:1.25;text-align:center}.card-cost{font-weight:800;font-size:var(--fs-s);color:#9a6a0a;display:flex;align-items:center}.card-desc{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.3;text-align:center}.card-size{position:absolute;top:4px;right:4px;background:var(--vermilion);color:#fff;font-size:10px;font-weight:800;border-radius:6px;padding:0 4px}.card-lock{display:none;position:absolute;left:0;right:0;bottom:0;top:58px;background:linear-gradient(#2e1b15e6,#2e1b15f5);border-top:1.5px solid var(--gold);color:var(--gold-2);font-weight:800;font-size:var(--fs-s);align-items:center;justify-content:center}.card.locked .card-lock{display:flex}.card.locked{filter:none;opacity:1}.card.locked img{filter:grayscale(1) brightness(.92) opacity(.8)}#build-menu.dim .card:not(.active){opacity:.45}.aura{color:var(--sky)}#mode-bar,#action-bar,#toast{position:fixed;left:50%;transform:translate(-50%)}#mode-bar{bottom:calc(var(--menu-h, 176px) + 8px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;padding:7px 7px 7px 16px;border-radius:20px;font-size:var(--fs-m);font-weight:700;white-space:nowrap;max-width:calc(100vw - 16px);background:linear-gradient(#4b2c22,#2e1b15);color:#fbefd4;border:1.5px solid var(--gold);box-shadow:var(--shadow)}#action-bar{bottom:calc(var(--menu-h, 176px) + 8px + env(safe-area-inset-bottom));width:min(390px,calc(100vw - 16px));padding:12px 14px;border-radius:16px;background:var(--paper),linear-gradient(#fdf7ea,var(--washi));border:1.5px solid var(--gold);box-shadow:inset 0 0 0 3px var(--washi),inset 0 0 0 4px #d8a93f73,var(--shadow)}#action-title{font-weight:800;font-size:var(--fs-l);display:inline-flex;align-items:center;gap:6px;padding:2px 12px 3px;border-radius:8px;background:linear-gradient(#4b2c22,#2e1b15);color:#fbefd4;border:1px solid var(--gold)}.stars{color:var(--gold-2);letter-spacing:1px;font-size:var(--fs-m)}.warn{color:var(--vermilion);font-weight:800}#action-info{font-size:var(--fs-s);color:var(--ink-2);margin:7px 0 10px;line-height:1.6}.row{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.row button,#mode-cancel,.settings button,.quest button{padding:8px 14px;border-radius:11px;font-weight:800;font-size:var(--fs-m);color:#fff;background:linear-gradient(#6d9e52,var(--matcha-2));border:1px solid rgba(30,60,20,.5);box-shadow:inset 0 1px #ffffff4d,0 2px #1e321466}button.danger{background:linear-gradient(#cf5444,var(--vermilion-2))!important;border-color:#5a140a80!important}button.gold{background:linear-gradient(var(--gold-2),#c99227)!important;color:#3e2408!important;border-color:#78500a99!important}button.ghost,#mode-cancel{background:linear-gradient(#fffaf0,var(--washi-2))!important;color:var(--ink)!important;border-color:#d8a93fb3!important}.row button:disabled,.quest button:disabled{background:linear-gradient(#cbbfae,#b2a594)!important;color:#fff!important;cursor:default;box-shadow:none}#toast{top:calc(60px + env(safe-area-inset-top));padding:8px 18px;border-radius:18px;font-size:var(--fs-m);font-weight:700;white-space:nowrap;pointer-events:none;z-index:5;max-width:calc(100vw - 20px);overflow:hidden;text-overflow:ellipsis;background:linear-gradient(#4b2c22,#2e1b15);color:#fbefd4;border:1.5px solid var(--gold);box-shadow:var(--shadow)}#modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e100a80;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal-card{width:min(370px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;border-radius:18px;padding:16px 18px 18px;background:var(--paper),linear-gradient(#fdf7ea,var(--washi));border:1.5px solid var(--gold);box-shadow:inset 0 0 0 4px var(--washi),inset 0 0 0 5px #d8a93f73,0 12px 30px #140a0573}#modal.wide .modal-card{width:min(470px,100%)}#modal-title{align-self:center;font-size:var(--fs-xl);font-weight:800;margin:-4px 0 12px;padding:4px 20px 5px;border-radius:10px;letter-spacing:1px;background:linear-gradient(#4b2c22,#2e1b15);color:#fbefd4;border:1.5px solid var(--gold)}#modal-body{font-size:var(--fs-m);line-height:1.65;margin-bottom:14px;overflow-y:auto;touch-action:pan-y}.quest-list{display:flex;flex-direction:column;gap:8px}.quest{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:#fffdf7;border:1px solid rgba(216,169,63,.45)}.quest.ready{background:#fff4cc;border-color:var(--gold);box-shadow:0 0 0 2px #f3d27ab3}.quest.claimed{opacity:.55}.q-main{flex:1;min-width:0}.q-title{font-weight:800;font-size:var(--fs-m)}.q-sub{font-size:var(--fs-s);color:var(--ink-3);display:flex;align-items:center;gap:3px;flex-wrap:wrap}.q-bar{height:6px;border-radius:3px;background:var(--washi-3);overflow:hidden;margin:4px 0}.q-bar div{height:100%;background:linear-gradient(90deg,#8cc56b,var(--matcha))}.quest.ready .q-bar div{background:linear-gradient(90deg,var(--gold-2),var(--gold))}.quest button{flex:none;padding:7px 12px}.quest.ready button{background:linear-gradient(var(--gold-2),#c99227);color:#3e2408}.settings{display:flex;flex-direction:column;gap:10px}.set-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:700;padding:9px 12px;background:#fffdf7;border-radius:12px;border:1px solid rgba(216,169,63,.45)}.set-row input{width:22px;height:22px;accent-color:var(--matcha)}.set-row select{font:inherit;font-weight:700;color:var(--ink);padding:4px 8px;border-radius:8px;border:1px solid var(--gold);background:var(--washi)}.set-note{font-size:var(--fs-s);color:var(--ink-3)}.settings .wide{width:100%}@media (max-width: 520px){#hud{gap:6px;padding-right:88px}.pill{height:32px;padding:0 11px 0 7px}.coins{min-width:0;font-size:var(--fs-l)}.xpbar{width:36px}.side-btn{width:66px;min-height:46px}.card{width:90px}.card img{width:52px;height:46px}.card-lock{top:50px}#mode-bar{font-size:var(--fs-s);white-space:normal}}button.gold.poor{filter:grayscale(.5);opacity:.75}.upg-mini{display:flex;align-items:center;gap:6px;margin-top:6px;padding:4px 8px;border-radius:10px;background:#d8a93f24;border:1px dashed rgba(154,114,36,.5);font-size:var(--fs-xs)}.upg-mini img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.upg-mini .arr{color:var(--gold-3);font-weight:900}.upg-mini .up,.upg-out .up{color:var(--matcha-2)}.upg-mini.max{background:linear-gradient(90deg,#f3d27a59,#f3d27a1a)}.upg-preview{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px}.upg-card{position:relative;text-align:center;padding:22px 6px 8px;border-radius:12px;background:var(--paper),linear-gradient(#fffaf0,var(--washi-2));border:1.5px solid var(--washi-3)}.upg-card.next{border-color:var(--gold);box-shadow:0 0 0 3px #f3d27a73,0 4px 10px #9a722440;background:var(--paper),radial-gradient(ellipse at 50% 40%,#fff6d6,#f6e2ae)}.upg-card img{width:100%;max-width:132px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(40,20,10,.25))}.upg-card.next img{animation:upg-bob 1.6s ease-in-out infinite}@keyframes upg-bob{50%{transform:translateY(-4px) scale(1.03)}}.upg-tag{position:absolute;top:-1px;left:50%;transform:translate(-50%);padding:2px 10px;border-radius:0 0 9px 9px;background:linear-gradient(var(--lacquer-2),var(--lacquer));color:var(--gold-2);font-size:var(--fs-xs);font-weight:900;white-space:nowrap;border:1.5px solid var(--gold);border-top:0}.upg-card.next .upg-tag{background:linear-gradient(var(--vermilion),var(--vermilion-2));color:#fff6d8}.upg-out{font-size:var(--fs-m);font-weight:800;color:var(--ink);margin-top:2px}.upg-desc{font-size:var(--fs-xs);color:var(--ink-3);margin-top:3px;line-height:1.4}.upg-arrow{align-self:center;font-size:26px;color:var(--gold);text-shadow:0 2px 0 var(--gold-3)}.upg-note{grid-column:1 / -1;text-align:center;font-size:var(--fs-s);color:var(--ink-2);margin-top:4px}@media (max-width: 420px){.upg-card{padding-top:20px}.upg-arrow{font-size:20px}}.pill.clock{font-size:var(--fs-m);cursor:pointer;font-family:inherit}.pill.clock small{font-size:var(--fs-xs);color:var(--gold-2);font-weight:800}#clock-ico{font-size:16px;line-height:1}.pill.clock.night{background:linear-gradient(#2a2f52,#171a33)}.side-btn.undo:disabled,#undo-btn:disabled{opacity:.55}#mode-bar button.small{padding:5px 10px;font-size:var(--fs-s)}#mode-bar button.on{background:linear-gradient(#f3d27a,#d8a93f);color:#3a2410;box-shadow:0 0 0 1px #fff6d8 inset}.card-season{position:absolute;top:4px;left:4px;font-size:10px;font-weight:800;border-radius:6px;padding:0 4px;color:#fff}.card-season.spring{background:#e46a8e}.card-season.summer{background:#3f88b8}.card-season.autumn{background:#c8402a}.card-season.winter{background:#6a88b8}.card.offseason .card-lock{display:flex}.card.offseason img{filter:grayscale(.8) opacity(.75)}.tab .now{display:inline-block;margin-left:3px;font-size:12px}.paint-sum b{color:var(--gold-2)}.paint-sum .bad{color:#ff9a8a}@media (max-width: 520px){.pill.clock small{display:none}}.pill.stock{gap:6px;padding:0 10px 0 7px;cursor:pointer}.pill.stock .st{display:flex;align-items:center;gap:2px;font-size:var(--fs-s)}.pill.stock .st img{width:20px;height:20px}.pill.stock .st.empty b{color:#ff8a7a}.pill.stock .st.full b{color:var(--gold-2)}.pill.stock .st-warn{width:18px;height:18px;border-radius:9px;background:var(--vermilion);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;animation:pulse 1.2s infinite}.side-btn.on{box-shadow:0 0 0 2px var(--gold-2),0 4px 10px #140a054d}#visitor-panel{position:fixed;left:10px;top:calc(58px + env(safe-area-inset-top));width:min(318px,calc(100vw - 100px));max-height:calc(100vh - var(--menu-h, 176px) - 90px);overflow-y:auto;padding:8px 9px;border-radius:14px;z-index:2;font-size:var(--fs-s);background:var(--paper),linear-gradient(#fdf7eaf0,#fbf3e2f0);border:1.5px solid var(--gold);box-shadow:inset 0 0 0 3px #fbf3e2e6,var(--shadow)}.vp-title{font-weight:900;margin-bottom:5px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.vp-title small{color:var(--ink-3);font-weight:700;font-size:var(--fs-xs)}.vp-row{display:flex;align-items:center;gap:4px;padding:3px 0;border-top:1px dashed rgba(154,114,36,.35);flex-wrap:wrap;cursor:pointer}.vp-face{width:26px;height:30px;object-fit:contain}.vp-empty{color:var(--ink-3);padding:4px 0}.vp-want{margin-top:5px;padding-top:5px;border-top:1.5px solid rgba(184,58,46,.35);display:flex;flex-wrap:wrap;gap:4px;align-items:center;color:var(--vermilion-2);font-weight:800}.wish{position:relative;display:inline-flex;align-items:center;gap:2px;height:26px;padding:0 7px 0 2px;border-radius:13px;background:#fff;border:1.5px solid var(--washi-3);font-size:var(--fs-xs);font-weight:800;color:var(--ink)}.wish img{width:22px;height:22px;object-fit:contain}.wish i{font-style:normal;font-weight:900}.wish.ok{background:#e7f4dc;border-color:var(--matcha)}.wish.ok i{color:var(--matcha-2)}.wish.ng{background:#fbe3df;border-color:var(--vermilion);opacity:.85}.wish.ng i{color:var(--vermilion)}.wish.go{border-color:var(--gold)}.wish.go i{color:var(--gold-3)}.wish.unbuilt{border-style:dashed;border-color:var(--vermilion)}.wish.unbuilt span:after{content:" 未建";color:var(--vermilion);font-size:10px}.vp-want .wish.unbuilt span:after{content:""}.tourist-card .tc-head{display:flex;gap:10px;align-items:center;margin-bottom:8px;line-height:1.5}.tourist-card .tc-head img{width:44px;height:52px;object-fit:contain}.tourist-card small{color:var(--ink-3)}.wish-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;border-top:1px dashed rgba(154,114,36,.35)}.wish-row .wish{height:32px;font-size:var(--fs-s)}.wish-row .wish img{width:28px;height:28px}.pos{color:var(--matcha-2)}.neg{color:var(--vermilion)}.inv-panel{min-width:min(420px,82vw)}.inv-head{margin-bottom:6px;color:var(--ink-2)}.inv-row{display:flex;gap:9px;align-items:center;padding:6px 0;border-top:1px dashed rgba(154,114,36,.35)}.inv-row>img{width:34px;height:34px}.inv-main{flex:1}.inv-top{display:flex;justify-content:space-between;font-size:var(--fs-m)}.inv-bar{height:9px;border-radius:5px;background:#e9dcc0;box-shadow:inset 0 0 0 1px #9a722473;overflow:hidden;margin:3px 0}.inv-bar div{height:100%;background:linear-gradient(90deg,#8cc66e,#5b8a45)}.inv-rate{font-size:var(--fs-xs);color:var(--ink-2)}.inv-starve{margin-top:8px;padding:6px 8px;border-radius:9px;background:#fbe3df;color:var(--vermilion-2);font-weight:800}.inv-ok{margin-top:8px;color:var(--matcha-2);font-weight:800}.inv-tip{margin-top:6px;font-size:var(--fs-xs);color:var(--ink-3)}.ing{display:inline-flex;align-items:center;gap:2px;font-weight:800}.ing img{width:18px;height:18px}.recipe{margin-top:3px}.recipe small{color:var(--ink-3)}.recipe .ok{color:var(--matcha-2);font-weight:800}.recipe.starve{padding:3px 6px;border-radius:8px;background:#fbe3df}.mini-inv{display:flex;gap:8px;flex-wrap:wrap}.card.flash{animation:cardflash .4s 4;box-shadow:0 0 0 3px var(--vermilion),0 0 0 5px var(--gold-2)}@keyframes cardflash{50%{transform:translateY(-4px)}}@media (max-width: 520px){.pill.stock .st img{width:16px;height:16px}#visitor-panel{top:calc(96px + env(safe-area-inset-top));width:min(260px,calc(100vw - 96px));max-height:34vh}}.pill.stock.new{animation:stocknew 1s infinite}@keyframes stocknew{50%{box-shadow:0 0 0 3px var(--gold-2),0 0 14px 4px #ffd278cc}}:root{--card-h: 146px;--tab-h: 32px}#build-tabs{height:var(--tab-h);flex:none}.tab{height:var(--tab-h);padding:0 2px;white-space:nowrap;overflow:hidden;display:flex;align-items:center;justify-content:center;line-height:1}#build-cards{height:calc(var(--card-h) + 15px);box-sizing:border-box;overflow-x:scroll;overflow-y:hidden;align-items:flex-start;padding:2px 2px 7px}.card{height:var(--card-h);box-sizing:border-box;justify-content:flex-start}.card img{flex:none}.card-name{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}.card-cost{flex:none}.card-desc{width:100%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:0;flex:none;max-height:2.6em}.card-lock{text-align:center;padding:0 4px;line-height:1.3}.lv-chip{height:var(--card-h);box-sizing:border-box;align-self:flex-start}@media (max-width: 520px){:root{--card-h: 132px;--tab-h: 30px}.tab{font-size:var(--fs-s);letter-spacing:0}.tab small{display:none}}.event-banner{position:fixed;top:calc(58px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-weight:800;font-size:var(--fs-s);color:#fff8ec;white-space:nowrap;cursor:pointer;background:linear-gradient(#c94a3c,#8f2a20);border:1.5px solid var(--gold-2);box-shadow:0 4px 12px #280a0559,inset 0 0 0 2px #ffdca040;animation:bannerin .5s ease-out}.event-banner.shogatsu{background:linear-gradient(#d8342c,#a01e1a)}.event-banner.natsu{background:linear-gradient(#2f4f86,#1d3260)}.event-banner.hidden{display:none}.event-banner .eb-ico{font-size:18px}.event-banner .eb-time{font-variant-numeric:tabular-nums;opacity:.85;font-weight:700}.event-banner .eb-bonus{background:#ffffff2e;border-radius:8px;padding:1px 6px}.event-banner .eb-q{background:var(--gold-2);color:#3e2408;border-radius:8px;padding:1px 7px}.event-banner .eb-q.ready{animation:pulse 1.2s infinite}@keyframes bannerin{0%{transform:translate(-50%,-20px);opacity:0}}@media (max-width: 520px){.event-banner{top:calc(92px + env(safe-area-inset-top));left:8px;transform:none;font-size:var(--fs-xs);padding:4px 10px;gap:5px}.event-banner .eb-bonus{display:none}@keyframes bannerin{0%{opacity:0}}}.daily-head{font-weight:800;margin:2px 0 6px}.daily-head small{font-weight:600;color:var(--ink-3);margin-left:6px;font-size:var(--fs-xs)}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}.day{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 5px;border-radius:10px;background:#fffdf7;border:1px solid rgba(216,169,63,.5);min-height:92px;text-align:center}.day img{width:28px;height:28px}.day .coin-icon{width:24px;height:24px}.day .big-ico{font-size:22px;color:var(--vermilion);line-height:28px}.day-n{font-size:var(--fs-xs);font-weight:800;color:var(--ink-2)}.day-r{font-size:10px;line-height:1.25;font-weight:700;color:#7a5208;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.day-r .coin-icon.sm{width:12px;height:12px}.day.today{background:#fff4cc;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-2);animation:pulse 1.6s infinite}.day.done{background:#ece4d4;opacity:.75;animation:none}.day.big{background:linear-gradient(#fff1d6,#f8dca0)}.day-ok{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:30px;color:var(--matcha-2);text-shadow:0 1px 0 #fff}#login-claim{margin-bottom:12px}.q-ico{font-size:22px;flex:none;width:30px;text-align:center}@media (max-width: 520px){.days{grid-template-columns:repeat(4,1fr)}}#modal.book-modal .modal-card{width:min(620px,100%)}.book-head{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;font-weight:800}.book-head small{color:var(--ink-3);font-weight:600}.book-bar{height:8px}.book-bar{border-radius:4px;background:#eadfca;overflow:hidden}.book-bar div{height:100%;background:linear-gradient(90deg,var(--matcha),var(--gold-2))}.btabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.btab{position:relative;padding:5px 9px;border-radius:9px;background:var(--washi-2);color:var(--ink-2);font-weight:800;font-size:var(--fs-s)}.btab small{margin-left:3px;opacity:.7;font-weight:700;font-size:10px}.btab.on{background:linear-gradient(#4b2c22,#2e1b15);color:#fbefd4}.btab .badge{top:-7px;right:-7px;font-style:normal}.book-body{min-height:220px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}.bk{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 3px;border-radius:10px;background:#fffdf7;border:1px solid rgba(216,169,63,.5)}.bk img{width:52px;height:46px;object-fit:contain}.bk span{font-size:var(--fs-xs);font-weight:800;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bk.unknown{background:#ece4d4}.bk.unknown img{filter:brightness(0) opacity(.28)}.bk.unknown span{color:#a89a86;letter-spacing:2px}.book-tip{font-size:var(--fs-xs);color:var(--ink-3);margin-top:8px}.event-card{display:flex;flex-direction:column;gap:10px}.ev-top{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;color:#fff8ec;background:linear-gradient(#2f4f86,#1d3260);line-height:1.45}.ev-top.shogatsu{background:linear-gradient(#d8342c,#a01e1a)}.ev-top small{opacity:.8}.ev-ico{font-size:34px}.ev-item{width:22px;height:20px;vertical-align:middle}.ev-note,.ev-none{font-size:var(--fs-s);color:var(--ink-3)}.omikuji-box{display:flex;justify-content:center}.omi-paper{display:flex;flex-direction:column;align-items:center;padding:10px 18px;background:#fffaf0;border:2px solid #d8342c;border-radius:6px;writing-mode:vertical-rl}.omi-paper b{font-size:26px;color:#d8342c;letter-spacing:6px}.omi-paper small{font-size:var(--fs-xs);color:var(--ink-3)}.set-group{font-weight:800;margin:8px 0 -2px;color:var(--ink-2);font-size:var(--fs-s)}.set-row.slider input[type=range]{width:140px;height:18px;flex:none;accent-color:var(--vermilion)}.set-row.slider em{width:28px;text-align:right;font-style:normal;font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:var(--fs-s)}.set-row.slider span{flex:1}.daily #login-claim,.event-card #omikuji{padding:9px 14px;border-radius:11px;font-weight:800;font-size:var(--fs-m);color:#3e2408;background:linear-gradient(var(--gold-2),#c99227);box-shadow:0 2px #78501480;width:100%}.daily #login-claim:disabled{background:linear-gradient(#cbbfae,#b2a594);color:#fff;box-shadow:none}body.has-banner #toast{top:calc(102px + env(safe-area-inset-top))}@media (max-width: 520px){body.has-banner #toast{top:calc(126px + env(safe-area-inset-top))}}.wish.pray{padding-left:6px;background:#fdeae6;border-color:#e8a59a}.wish.pray.ok{background:#e9f6df;border-color:#9fcf86}.cloud-box{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#fffdf7;border-radius:12px;border:1px solid rgba(216,169,63,.45)}.cloud-box .set-row{background:var(--washi)}.cloud-box .set-row input:not([type=checkbox]){width:150px;height:auto;font:inherit;font-weight:700;padding:4px 8px;border-radius:8px;border:1px solid var(--gold);background:#fffdf7;color:var(--ink)}.cl-row{display:flex;gap:6px}.cl-row input{flex:1;min-width:0;font:inherit;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.5px;padding:7px 10px;border-radius:10px;border:1px solid var(--gold);background:var(--washi);color:var(--ink);text-transform:uppercase}.cl-row.two button{flex:1}.cl-or{font-size:var(--fs-s);color:var(--ink-3);font-weight:700;margin-top:2px}.cl-code-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800}#cl-code-show{display:block;text-align:center;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;letter-spacing:.5px;padding:6px 9px;border-radius:9px;background:linear-gradient(#4b2c22,#2e1b15);color:#fbefd4;border:1px solid var(--gold);-webkit-user-select:all;user-select:all;word-break:keep-all}.settings button.sm{padding:5px 10px;font-size:var(--fs-s)}.cloud-box #cl-unlink{align-self:flex-start}.cl-status{font-size:var(--fs-s);color:var(--matcha-2);font-weight:700;min-height:1.2em}.cl-status small{color:var(--ink-3);font-weight:600}.cl-err{color:var(--vermilion)}.settings button:disabled{filter:grayscale(.6);opacity:.65;cursor:default}#modal.conflict .modal-card{width:min(520px,100%)}.cf-msg{font-size:var(--fs-s);color:var(--ink-2);margin-bottom:10px}.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cf-side{padding:10px 12px;border-radius:12px;background:#fffdf7;border:1.5px solid rgba(216,169,63,.5)}.cf-side.newer{border-color:var(--matcha);box-shadow:0 0 0 2px #6d9e5240}.cf-title{font-weight:800;margin-bottom:6px;display:flex;align-items:center;gap:6px}.cf-new{font-size:11px;color:#fff;background:var(--matcha-2);border-radius:8px;padding:1px 7px}.cf-row{display:flex;justify-content:space-between;gap:6px;font-size:var(--fs-s);padding:3px 0;border-top:1px dashed rgba(216,169,63,.4)}.cf-row b{text-align:right}@media (max-width: 480px){.cf-grid{grid-template-columns:1fr}.cloud-box .set-row input:not([type=checkbox]){width:120px}}:root{--sb-thumb: #6b4434;--sb-thumb-hover: #8a5b45;--sb-track: rgba(216, 169, 63, .13)}::-webkit-scrollbar{width:10px;height:10px;background:transparent}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-track{background:var(--sb-track);background-clip:padding-box;border:3px solid transparent;border-radius:10px;margin:8px}::-webkit-scrollbar-thumb{background:var(--sb-thumb);background-clip:padding-box;border:2px solid transparent;border-radius:10px;min-height:28px;min-width:28px}::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:#4b2c22;background-clip:padding-box}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) var(--sb-track)}}#build-cards{padding-bottom:3px}#build-cards::-webkit-scrollbar-track{margin:0 10px}#modal-body{padding-right:8px;margin-right:-10px}#visitor-panel::-webkit-scrollbar-track{margin:10px 0}.days{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(3px,.8vw,6px);padding:3px;margin:0 0 10px}.day{min-width:0;padding:6px 3px 5px;overflow:hidden}.day-n{font-size:clamp(10px,1.9vw,12px);white-space:nowrap}.day-r{font-size:clamp(9px,1.7vw,10.5px);line-height:1.25;gap:0 2px;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.day-r .rw{display:inline-block;max-width:100%}.day.today{box-shadow:inset 0 0 0 2px var(--gold-2),inset 0 0 10px #f0be468c;animation:day-glow 1.6s ease-in-out infinite;transform:none}@keyframes day-glow{50%{box-shadow:inset 0 0 0 2px var(--gold-2),inset 0 0 16px #f0aa28d9;background-color:#ffeaa8}}.day.done{animation:none}@media (max-width: 520px){.days{grid-template-columns:repeat(4,minmax(0,1fr))}.day{min-height:84px}}.cf-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cf-side{min-width:0}.cf-row b{min-width:0;overflow-wrap:anywhere}@media (max-width: 480px){.cf-grid{grid-template-columns:minmax(0,1fr)}}.book-grid{grid-template-columns:repeat(auto-fill,minmax(min(78px,100%),1fr))}.bk{min-width:0}.quest>button{flex:none}.q-title{overflow-wrap:anywhere}.inv-panel{min-width:min(420px,82vw,100%)}.inv-main{min-width:0}@media (max-width: 520px){.day-n{font-size:11.5px}.day-r{font-size:10.5px}.day img{width:30px;height:30px}}#bm-head{display:flex;gap:6px;align-items:stretch}#bm-head #build-tabs{flex:1;min-width:0;margin-bottom:7px}#menu-toggle{display:none}@media (max-width: 600px),(max-height: 500px){:root{--tab-h: 44px;--card-h: clamp(70px, calc(40vh - 84px) , 112px)}#build-menu{padding:5px 6px 6px;border-radius:14px;bottom:calc(4px + env(safe-area-inset-bottom));width:min(800px,calc(100vw - 8px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:40vh;box-sizing:border-box;overflow:hidden}#bm-head{gap:4px}#bm-head #build-tabs{gap:3px;margin-bottom:5px}#build-menu.collapsed #build-tabs{margin-bottom:0}.tab{min-width:44px;font-size:var(--fs-s);letter-spacing:0;border-radius:9px;padding:0 1px}.tab small{display:none}.tab .now{margin-left:1px}#menu-toggle{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:var(--tab-h);border-radius:9px;font-size:18px;font-weight:900;background:linear-gradient(#4b2c22,#2e1b15);color:var(--gold-2);border:1px solid var(--gold)}#build-menu.collapsed #build-cards{display:none}#build-menu.collapsed .tab.on{box-shadow:inset 0 -3px 0 var(--gold)}.card{width:84px;padding:4px 4px 5px;border-radius:10px;gap:1px}.card img{width:calc(var(--card-h) * .4);height:calc(var(--card-h) * .36)}.card-name{font-size:var(--fs-s)}.card-cost{font-size:var(--fs-xs)}.card-desc{-webkit-line-clamp:1;line-clamp:1;max-height:1.35em;font-size:10px}.card-lock{top:calc(var(--card-h) * .36 + 6px);font-size:10px}.lv-chip{width:18px;font-size:10px;letter-spacing:1px}#build-cards{gap:6px}#side{gap:5px;right:calc(6px + env(safe-area-inset-right))}.side-btn{width:54px;min-height:44px;padding:3px 2px;border-radius:11px}.side-btn .ico{font-size:15px}.side-btn b{font-size:11px;letter-spacing:0}.side-btn small{font-size:10px}#hud{padding-right:66px}#mode-bar,#action-bar{bottom:calc(var(--menu-h, 64px) + 4px + env(safe-area-inset-bottom))}}@media (max-height: 500px){.card-desc{display:none}.card{width:78px}#side{display:grid;grid-template-columns:repeat(2,54px);grid-auto-rows:minmax(44px,auto)}#hud{padding-right:124px}#visitor-panel{max-height:calc(100vh - var(--menu-h, 64px) - 70px)}}@media (max-width: 600px),(max-height: 500px){#action-bar .row button,#mode-bar button{min-height:44px;min-width:44px}}