:root{--ink:#23334b;--dark:#122139;--blue:#315a85;--sky:#b8d8e8;--cream:#fff9e7;--gold:#eebf64;--line:#617e91;--pixel:3px;font-family:"Trebuchet MS","Noto Sans TC",system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#132238;background-image:linear-gradient(45deg,#1d3450 25%,transparent 25%),linear-gradient(-45deg,#1d3450 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1d3450 75%),linear-gradient(-45deg,transparent 75%,#1d3450 75%);background-size:34px 34px;background-position:0 0,0 17px,17px -17px,-17px 0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e9a53e;outline-offset:2px}.wrap{max-width:1120px;margin:0 auto;padding:24px 16px 44px}.mast{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;flex-wrap:wrap;color:#e9f3f8}.logo{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:1000;letter-spacing:2px;text-shadow:3px 3px 0 #0a1320}.logo span{color:#f8cb6d}.subtitle{font-size:.8rem;letter-spacing:2px;color:#b9d4e2}.status{font-size:.75rem;background:#243c59;padding:8px 13px;border:2px solid #7093ad}.console{background:#d8e4e9;border:5px solid #a1b5c1;border-bottom-color:#7993a5;border-radius:26px 26px 42px 42px;padding:20px;box-shadow:0 12px 0 #081624,0 23px 35px #071322a8;position:relative}.console:before{content:"";position:absolute;inset:8px;border:2px solid #eef7f9;border-radius:18px 18px 34px 34px;pointer-events:none}.upper,.lower{background:#334d68;border:6px solid #72899a;border-radius:15px;padding:12px;box-shadow:inset 0 3px 8px #15283b99;position:relative}.screen{background:var(--cream);border:4px solid #172f48;min-height:290px;box-shadow:inset 0 0 0 4px #d9e8df;overflow:hidden}.screen-top{min-height:320px}.screen-head{background:#2e587f;color:#fff9e8;padding:9px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:900;font-size:.86rem;letter-spacing:1px;border-bottom:4px solid #172f48}.screen-head .counter{color:#f9d477}.screen-body{padding:18px}.hinge{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.hinge span{height:12px;width:70px;background:repeating-linear-gradient(90deg,#6c8293 0 5px,#b4c8d1 5px 9px);border:2px solid #5d788a;border-radius:9px}.top-home{display:grid;grid-template-columns:1fr 1.05fr;gap:18px;align-items:center;min-height:258px}.eyebrow{font-weight:900;font-size:.76rem;letter-spacing:2px;color:#54728c}.bigtitle{font-size:clamp(2rem,5vw,3.25rem);line-height:1.3;margin:8px 0;color:#24496e;text-shadow:2px 2px #d1e0e5}.intro{line-height:1.9;font-size:.95rem}.pixel-scene{height:226px;position:relative;border:5px solid #233e5b;background:linear-gradient(#203b66 0 56%,#48658b 56% 70%,#765443 70%);overflow:hidden;image-rendering:pixelated;box-shadow:inset 0 0 0 4px #b5d3df}.moon{position:absolute;top:19px;right:48px;width:38px;height:38px;background:#f9e6a5;box-shadow:8px 0 #f9e6a5,-8px 0 #f9e6a5,0 8px #f9e6a5,0 -8px #f9e6a5,0 0 35px #fff5bb80}.stars{position:absolute;inset:0;background-image:radial-gradient(#fff3d1 2px,transparent 3px);background-size:47px 39px}.tower{position:absolute;right:26%;bottom:30%;width:40px;height:134px;background:repeating-linear-gradient(0deg,#5bd2c1 0 9px,#27577a 9px 13px);clip-path:polygon(45% 0,55% 0,55% 12%,72% 12%,72% 31%,88% 31%,88% 51%,100% 51%,100% 100%,0 100%,0 51%,12% 51%,12% 31%,28% 31%,28% 12%,45% 12%)}.bar-art{position:absolute;bottom:0;left:0;right:0;height:32%;border-top:12px solid #b88153;background:repeating-linear-gradient(90deg,#593e36 0 34px,#714c3b 34px 38px);display:flex;align-items:center;justify-content:space-around;font-size:33px}.pixel{font-family:monospace;font-weight:900;letter-spacing:1px}.menu{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.menu button,.btn{border:3px solid #294b6b;background:#f2e8c8;color:#294664;font-weight:900;padding:12px 8px;box-shadow:4px 4px 0 #7894a6;border-radius:3px;transition:transform .1s}.menu button:hover,.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #7894a6}.menu button.active{background:#f4cc74;color:#1c3651}.menu small{display:block;font-size:.68rem;font-weight:700;margin-top:4px}.layout{display:grid;grid-template-columns:1fr;gap:12px}.section{display:none}.section.active{display:block}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tools input,.tools select{min-width:0;flex:1 1 165px;border:3px solid #65839a;padding:10px;background:#fffdf5;color:#1f3549}.tools .btn{flex:0 0 auto}.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:330px;overflow-y:auto;padding:3px 6px 8px 3px}.entry{display:flex;align-items:center;gap:10px;text-align:left;background:#fffdf3;border:3px solid #9ab2b9;padding:10px;min-width:0;color:#253e55}.entry:hover,.entry.selected{border-color:#355e8c;background:#e3f1f2}.entry .num{font-family:monospace;color:#54728b;font-size:.78rem}.entry .name{font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry .zh{font-size:.76rem;color:#667c88}.entry .emoji{font-size:30px}.detail-hero{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;min-height:225px}.art{display:grid;place-items:center;min-height:182px;border:4px solid #648da1;background:repeating-linear-gradient(0deg,#d4e9eb 0 14px,#c6e0e4 14px 28px);font-size:85px;text-shadow:4px 5px #94bdc6}.detail-name{font-size:clamp(1.5rem,3.5vw,2.5rem);color:#244d73;margin:6px 0}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.chip{background:#d6e9e5;border:2px solid #7d9ea6;padding:4px 8px;font-size:.77rem;font-weight:900}.description{line-height:1.8}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.info-title{font-weight:900;border-bottom:3px solid #91adb9;padding-bottom:6px;color:#2c567a}.ingredient{display:inline-block;background:#fff4d3;border:2px solid #a68e66;margin:4px 5px 4px 0;padding:7px 10px;font-size:.82rem;color:#344c5d}.ingredient:hover{background:#f3d68d}.empty{padding:26px;text-align:center;color:#627d90}.subtle{color:#6e8491;font-size:.83rem}.bottom-actions{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:12px}.footer{color:#b8cbd9;text-align:center;margin-top:30px;font-size:.82rem;line-height:1.8}.map-link{display:inline-block;margin-top:10px}.fav-list{display:grid;gap:8px}.fav-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f9f3e2;border:2px solid #9ab2b9;padding:10px}.loading{padding:20px;color:#52748c}.decor{display:flex;justify-content:center;align-items:center;gap:15px;padding-top:12px;color:#52738a;font-family:monospace;font-size:.72rem;font-weight:bold}.led{width:10px;height:10px;background:#58bca3;border:2px solid #2e706a;border-radius:50%;box-shadow:0 0 8px #6bf2b3}.dpad{font-size:24px;color:#627e92}@media(max-width:720px){.wrap{padding:12px 8px 35px}.console{padding:11px;border-width:4px;border-radius:18px}.upper,.lower{padding:6px;border-width:4px}.screen{border-width:3px}.screen-body{padding:12px}.top-home{grid-template-columns:1fr}.pixel-scene{height:180px}.screen-top{min-height:300px}.menu{grid-template-columns:repeat(2,1fr)}.list{grid-template-columns:1fr;max-height:310px}.detail-hero{grid-template-columns:1fr;gap:8px}.art{min-height:130px;font-size:65px}.two-col{grid-template-columns:1fr}.hinge{height:22px}.hinge span{width:45px}.mast{padding:0 7px}.screen-head{font-size:.75rem}.entry{padding:7px}.status{display:none}}