@font-face{font-family:'Fusion Pixel';src:url('fonts/fusion-ui.woff2') format('woff2');font-display:swap}
:root{--lcd-bg:#aab58d;--lcd-bg2:#b8c39c;--lcd-px:#303e2c;--ink:#303830;--orange:#da672a}
:root[data-pal="1"]{--lcd-bg:#b8bdb2;--lcd-bg2:#cbd0c2;--lcd-px:#303934}
:root[data-pal="2"]{--lcd-bg:#cbbb80;--lcd-bg2:#ded09d;--lcd-px:#473e28}
:root[data-pal="3"]{--lcd-bg:#9cb7c3;--lcd-bg2:#bfd0d3;--lcd-px:#2c4251}
*{box-sizing:border-box;margin:0;padding:0}
html{min-height:100%;background:#e9e7df}
body{min-height:100svh;color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',sans-serif;background:radial-gradient(ellipse at 50% 38%,#f8f6ef 0%,#e9e7df 72%);padding:0 42px;display:flex;flex-direction:column;align-items:center}
button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button:focus-visible,[tabindex]:focus-visible{outline:2px solid #508071;outline-offset:5px}
.masthead{width:100%;max-width:1440px;height:95px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9cbc0;gap:20px}
.site-brand{display:flex;align-items:center;gap:13px;font:800 14px 'Segoe UI',sans-serif;letter-spacing:2px}
.site-brand small{display:block;font:10px 'Courier New',monospace;letter-spacing:2.1px;color:#777d71;margin-top:5px}
.pixel-mark{display:grid;grid-template-columns:repeat(3,5px);gap:3px;transform:rotate(-8deg)}.pixel-mark i{background:#6b7956;width:5px;height:5px}.pixel-mark i:nth-child(3n){background:#d56a32}
.edition{font:11px 'Courier New',monospace;letter-spacing:1.8px;color:#78806e;text-align:right}.edition span{display:block;margin-top:6px;font-size:10px;letter-spacing:.8px}
.workspace{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:33px 0 25px}
.stage{display:flex;flex-direction:column;align-items:center;width:100%;gap:37px}
.device{position:relative;width:700px;height:456px;flex:none;user-select:none;font-family:'Fusion Pixel','SimSun',monospace}
.skin-vpet{border:2px solid #91441f;border-radius:42px 48px 46px 40px;background-color:#df7337;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='56'%3E%3Cpath d='M0 1H104M0 29H104M52 1V29M0 29V57M104 29V57' fill='none' stroke='%23a64820' stroke-width='2'/%3E%3Cpath d='M0 3H104M0 31H104M54 3V28M2 31V56' fill='none' stroke='%23f99c58' stroke-opacity='.65'/%3E%3C/svg%3E"),linear-gradient(135deg,#ef914f,#dd692e 65%,#bc4f20);box-shadow:inset 0 3px 2px #ffbe7d,inset 6px 0 7px #ef9455,inset -6px -8px 4px #ad4a22,0 6px 0 #8f401f,0 9px 0 #bc6136,0 26px 35px -15px #67574485,0 50px 70px -32px #67574466}
.device::before{content:'';position:absolute;inset:9px;border:2px solid #a94c25;border-radius:32px;box-shadow:0 1px 0 #f69b5f,inset 0 1px 0 #f9a567;pointer-events:none}
.brand{position:absolute;top:19px;left:57px;width:454px;text-align:center;color:#59321d;background:transparent;font:900 italic 19px 'Arial Black','Segoe UI',sans-serif;letter-spacing:2.1px;text-shadow:0 1px 0 #ffb174,0 2px 1px #a94a22;border:0;padding:0 10px;z-index:2}
.brand small{font:700 10px 'Courier New',monospace;letter-spacing:.8px;margin-left:10px;vertical-align:middle;color:#542d19}
.bezel{position:absolute;top:61px;left:39px;width:496px;height:331px;border:3px solid #263738;border-radius:24px 23px 25px 25px;padding:24px 23px 19px;background:linear-gradient(120deg,#51615e,#354743 45%,#2b3e3b);box-shadow:0 3px 0 #f29a5d,inset 0 2px 1px #9ca596,inset 0 -3px 2px #1f302f,0 0 0 6px #bd5428}
.bezel::before{content:'●   ◈   ♡   ⚡                     ▤   ◉';position:absolute;left:29px;right:29px;top:6px;text-align:center;font:12px 'Segoe UI Symbol',sans-serif;letter-spacing:5px;color:#b1b5a0;white-space:nowrap}
.bezel::after{content:'DOT MATRIX · DIGITAL MONSTER';position:absolute;bottom:5px;left:0;right:0;text-align:center;font:7px 'Courier New',monospace;letter-spacing:2px;color:#a3ae9d}
.lcd{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(140deg,var(--lcd-bg2),var(--lcd-bg));color:var(--lcd-px);border:3px solid #29372b;border-radius:5px;box-shadow:inset 3px 4px 9px #26362761,0 1px 0 #92a393;font-size:13px}
.lcd::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#283b2620 .6px,transparent .7px);background-size:3px 3px}
.lcd-glass{position:absolute;inset:0;pointer-events:none;z-index:8;background:linear-gradient(118deg,#ffffff12 0 28%,transparent 28.3% 64%,#ffffff08 64.3%)}
.lcd-top{position:absolute;top:0;left:0;right:0;height:28px}.strip{position:absolute;left:16px;right:16px;top:9px;border-bottom:1px solid var(--lcd-px);display:flex;justify-content:space-between;padding-bottom:4px;font-size:12px;line-height:1;white-space:nowrap}
.lcd-body{position:absolute;top:36px;left:0;right:0;bottom:0}
.page-home,.page-detail{position:absolute;inset:0;display:none;flex-direction:column;align-items:center}
.home-clock{font-size:15px;letter-spacing:3px;margin-top:8px}.home-sprite{width:120px;height:120px;margin-top:8px;image-rendering:pixelated;mix-blend-mode:multiply;filter:sepia(.7)}
.home-cursor{width:170px;height:5px;margin-top:5px;background:repeating-linear-gradient(90deg,var(--lcd-px) 0 4px,transparent 4px 8px);opacity:.5}.home-msg{position:absolute;bottom:16px;font-size:12px;letter-spacing:1px}
.page-list{position:absolute;inset:0;display:none}.search-row{margin:2px 13px 0;min-height:23px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed #303e2c66;font-size:12px}.search-row .q{display:flex;flex:1;min-width:0;align-items:center}
#searchQ{flex:1;min-width:0;width:100%;background:transparent;border:0;color:var(--lcd-px);font:inherit;padding:2px}#searchQ:focus{outline:0}#searchQ::placeholder{color:var(--lcd-px);opacity:.65}
.list-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:8px 10px 0}.cell{height:30px;min-width:0;display:flex;align-items:center;justify-content:center;font-size:12px;border:1px solid transparent;cursor:pointer;overflow:hidden}.cell.sel{background:var(--lcd-px);color:var(--lcd-bg)}.cell:hover{border-color:var(--lcd-px)}.list-foot{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:10px;opacity:.8}
.d-name{font-size:16px;letter-spacing:1px;max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.d-romaji{font-size:10px;opacity:.7;margin-top:2px;max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.d-sprite{width:68px;height:68px;margin-top:3px;image-rendering:pixelated;mix-blend-mode:multiply}.d-meta{font-size:11px;margin-top:3px;display:flex;gap:10px;max-width:94%}.d-desc{flex:none;width:calc(100% - 30px);margin:6px 15px 0;font-size:12px;line-height:1.65;height:60px;overflow:hidden;text-align:justify;overflow-wrap:anywhere}.d-evo{margin:9px 15px 0;width:calc(100% - 30px);font-size:12px;line-height:1.8;height:168px;overflow:hidden}.d-evo .ttl{font-size:11px;border-bottom:1px solid var(--lcd-px);margin-bottom:3px}.d-evo .it{cursor:pointer;min-height:25px}.d-evo .it:hover{text-decoration:underline}.d-evo .it.wk{cursor:default}.d-evo .none{opacity:.65}.d-evo.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--lcd-px) transparent}.ap-cat{margin:4px 0 8px}.ap-h{font-weight:bold;border-bottom:1px dotted var(--lcd-px)}.page-ind{position:absolute;bottom:4px;right:14px;font-size:10px}
.page-nodata{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;font-size:12px;line-height:1.8}.page-nodata b{letter-spacing:3px}
.menu{position:absolute;inset:0;display:none;flex-direction:column;background:var(--lcd-bg);color:var(--lcd-px);padding:8px 16px;z-index:20;overflow-y:auto}.menu.on{display:flex}.menu h3{font-size:12px;letter-spacing:2px;border-bottom:1px solid var(--lcd-px);padding-bottom:5px;margin-bottom:3px}.mi{flex:none;display:flex;justify-content:space-between;align-items:center;width:100%;min-height:29px;padding:0 8px;text-align:left;border:0;background:none;color:inherit;font:12px 'Fusion Pixel','SimSun',monospace}.mi:hover,.mi:focus-visible{background:var(--lcd-px);color:var(--lcd-bg)}.mi .v{font-size:10px}.mi-close{border-top:1px solid #303e2c55;margin-top:3px}
.c-digivice{position:absolute;inset:0;pointer-events:none;z-index:9}.c-digivice button{pointer-events:auto}.device [data-act]{touch-action:manipulation;transition:transform .08s,filter .1s;cursor:pointer}.device [data-act]:hover{filter:brightness(1.06)}.device [data-act].is-press{transform:translateY(3px)}
.apad{position:absolute;right:31px;top:72px;display:flex;flex-direction:column;gap:20px;align-items:center;width:108px}.ab-cell{display:flex;align-items:center;flex-direction:column;gap:6px}.rk{width:58px;height:53px;display:flex;align-items:center;justify-content:center;border:2px solid #253632;border-radius:50%;color:#c4cbba;font:700 17px 'Courier New',monospace;background:radial-gradient(ellipse at 36% 22%,#6f8273,#465b4e 60%,#344537);box-shadow:0 5px 0 #27382f,0 7px 0 #a64a24,0 8px 5px #863b2280,inset 0 2px 2px #b0bba0}.rk.is-press{box-shadow:0 2px 0 #27382f,inset 0 2px 6px #203626}.ab-label{font:700 10px 'Courier New',monospace;letter-spacing:.5px;color:#4a2919;text-shadow:0 1px #f6ad73}.r-menu{font-size:19px}
.dpad{position:absolute;left:151px;bottom:16px;display:flex;gap:9px}.dk{width:42px;height:28px;border:1px solid #794321;border-radius:7px;color:#583d25;background:linear-gradient(#ec9552,#ce672f);box-shadow:inset 0 1px #ffb879,0 2px #954423;font:13px 'Segoe UI Symbol',sans-serif}.d-center{display:none}.arr{font-style:normal}.arr-u::after{content:'↑'}.arr-d::after{content:'↓'}.arr-l::after{content:'←'}.arr-r::after{content:'→'}
.case-music{position:absolute;left:42px;bottom:18px;display:flex;gap:10px;z-index:10}.cm-cell{display:flex;align-items:center;gap:6px}.cm-btn{width:27px;height:27px;border:1px solid #7b4528;border-radius:50%;background:radial-gradient(circle at 40% 30%,#e6ae72,#c8773e);box-shadow:0 2px #974723,inset 0 1px #f8c58d;font:14px 'Courier New',monospace;color:#67432c}.cm-btn.rnd::after{content:'?'}.cm-label{display:none}#caseBtn::after{content:'◐'}
.cart{position:absolute;right:167px;bottom:17px;z-index:10;padding:3px;border:1px solid #99411e;border-radius:11px;background:linear-gradient(#f59b5b,#c75a2a);box-shadow:0 3px 0 #8d3c1e,inset 0 1px #ffc17b}.cart-btn{display:grid;place-items:center;width:56px;height:27px;border:1px solid #26362d;border-radius:7px;color:#f3ead0;background:linear-gradient(180deg,#718374,#42584a 58%,#34483b);box-shadow:0 2px 0 #28372e,inset 0 1px 1px #b2bea3;font:700 10px/1 'Courier New',monospace;letter-spacing:1.3px;cursor:pointer}.cart-btn:hover{filter:brightness(1.13)}.cart-btn:active,.device .cart-btn.is-press{transform:translateY(2px);box-shadow:0 1px 0 #28372e,inset 0 2px 4px #26372c}.cart-btn:focus-visible{outline:2px solid #fff0b5;outline-offset:2px}.model-tag{position:absolute;right:18px;bottom:20px;font:700 9px 'Courier New',monospace;letter-spacing:.1px;color:#4e2b19;text-shadow:0 1px #f5a66e;width:145px;text-align:center}.speaker{position:absolute;right:40px;bottom:67px;display:flex;gap:5px;transform:rotate(-8deg)}.speaker i{width:4px;height:22px;border-radius:3px;background:#93441e;box-shadow:1px 0 #ffac64,inset 1px 1px #63351e}.speaker i:nth-child(n+7){display:none}
.screw{position:absolute;z-index:5;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#e5c88c,#a78855 60%,#765333);box-shadow:0 1px 2px #6a3926,inset 0 1px #fff1b0;pointer-events:none}.screw::after{content:'';position:absolute;top:5px;left:2px;width:7px;height:1px;background:#715332;transform:rotate(var(--sa))}.s1{top:21px;left:23px}.s2{top:24px;right:22px}.s3{bottom:18px;left:22px}.s4{bottom:19px;right:16px}
.lanyard{position:absolute;right:9px;top:-20px;width:37px;height:26px;border:7px solid #bc592a;border-radius:12px 12px 0 0;transform:rotate(23deg);box-shadow:inset 0 1px #633c28,0 -1px #f5a16a}.chain{position:absolute;right:-19px;top:-60px;width:52px;height:65px;transform:rotate(24deg);z-index:2;pointer-events:none}.chain i{position:absolute;width:17px;height:24px;border:4px solid #9ba19a;border-radius:50%;box-sizing:border-box;box-shadow:inset 1px 0 #fff,1px 1px #686f66,-1px -1px #fff}.chain i:nth-child(1){top:24px;left:3px;transform:rotate(35deg);z-index:2}.chain i:nth-child(2){top:38px;left:8px;width:16px;height:23px;transform:rotate(-25deg);z-index:3}.chain i:nth-child(3){top:-14px;left:-5px;width:44px;height:44px;border-width:3px;z-index:1}
.antenna,.toplines,.seam,.seam-1,.scanline{display:none}.tipbar{position:absolute;left:50%;bottom:-32px;transform:translateX(-50%);z-index:40;max-width:96%;padding:5px 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#eeeade;background:#374338;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .12s}.tipbar.on{opacity:1}
.music-controls{position:relative;width:580px;max-width:100%;display:flex;align-items:center;gap:16px;padding:15px 0;border-top:1px solid #c6c8bb;border-bottom:1px solid #c6c8bb}.track{flex:1;min-width:0}.track-label{font:9px 'Courier New',monospace;letter-spacing:1.6px;color:#8a8d7d;display:flex;align-items:center;gap:7px}.track-label i{width:5px;height:5px;background:#9ea28e;border-radius:50%}.music-controls.playing .track-label i{background:#5d8053;box-shadow:0 0 5px #66885388}.track-name{display:block;font-size:13px;font-weight:600;letter-spacing:.2px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-status{display:block;color:#8b8c80;font-size:10px;margin-top:3px}.spectrum-wrap{width:110px;height:36px;position:relative;flex:none}.bgm-spectrum{display:block;width:100%;height:100%;opacity:.65}.transport{display:flex;align-items:center;gap:8px}.mc-btn{display:grid;place-items:center;width:34px;height:38px;border:0;background:transparent;color:#606a58;font-size:20px;transition:transform .1s}.mc-btn.mc-play{width:42px;height:42px;font-size:14px;border:1px solid #a1aa94;border-radius:50%;background:#f0f0e6;box-shadow:0 2px 0 #b5bba7}.mc-btn:active{transform:translateY(2px)}.mc-btn.playing{background:#dce2cd}
.quick-guide{display:flex;gap:23px;align-items:center;justify-content:center;color:#808573;font-size:10px;letter-spacing:.5px;margin-top:-20px}.quick-guide b{font:11px 'Courier New',monospace;color:#4c5c40;margin-right:5px}.page-footer{width:100%;max-width:1440px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c9cbc0;min-height:57px;color:#939687;font:9px 'Courier New','Microsoft YaHei',monospace;letter-spacing:1px}.page-footer span:last-child{letter-spacing:.5px}
@media(max-width:800px){body{padding:0 18px}.masthead{height:75px}.site-brand{font-size:11px;letter-spacing:1px}.site-brand small{font-size:8px}.edition{font-size:9px}.edition span{font-size:8px}.workspace{padding:27px 0 22px}.device{width:100%;max-width:420px;height:547px}.skin-vpet{border-radius:32px}.brand{left:28px;right:28px;width:auto;top:23px;font-size:16px}.brand small{font-size:9px;margin-left:4px;letter-spacing:.6px}.bezel{left:22px;right:22px;top:66px;width:auto;height:332px;padding:25px 12px 18px;border-radius:18px}.bezel::before{left:9px;right:9px;font-size:11px;letter-spacing:3px}.strip{left:10px;right:10px}.lcd-body{top:35px}.home-clock{margin-top:13px}.home-sprite{width:112px;height:112px}.home-msg{font-size:11px}.list-grid{gap:3px 2px;margin:10px 5px}.cell{font-size:11px;height:30px}.search-row{margin-left:7px;margin-right:7px;font-size:11px}.d-desc{font-size:12px}.d-meta{font-size:10px;gap:5px}.apad{left:50%;right:auto;top:414px;transform:translateX(-50%);width:242px;flex-direction:row;justify-content:space-between;gap:0}.rk{width:47px;height:43px;font-size:15px}.ab-cell{gap:5px}.ab-label{font-size:8.5px;letter-spacing:.5px}.dpad{left:50%;bottom:15px;transform:translateX(-50%);gap:5px}.dk{width:34px;height:29px}.case-music{left:19px;bottom:16px;gap:5px}.cm-btn{width:23px;height:25px}.cart{right:15px;bottom:14px;padding:2px;border-radius:9px}.cart-btn{width:52px;height:25px;font-size:9px}.model-tag,.speaker{display:none}.s1{left:12px;top:16px}.s2{right:12px;top:16px}.s3{left:10px;bottom:70px}.s4{right:10px;bottom:70px}.chain{right:1px;top:-29px;transform:rotate(52deg) scale(.64)}.lanyard{right:18px;top:-17px}.stage{gap:28px}.music-controls{gap:7px;padding:13px 1px}.spectrum-wrap{width:59px;height:28px}.track-name{font-size:12px}.track-label{font-size:8px;letter-spacing:1px}.track-status{font-size:9px}.transport{gap:0}.mc-btn{width:28px}.mc-btn.mc-play{width:35px;height:35px}.quick-guide{gap:11px;font-size:9px;margin-top:-9px}.page-footer{font-size:8px;min-height:55px;gap:12px;line-height:1.8}.page-footer span:last-child{text-align:right}.tipbar{bottom:-25px;font-size:10px}.mi{min-height:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.device,.device .d-evo .it.wk{cursor:url('icons/cursor-frame.svg') 16 16,auto}
.device button,.device [data-act],.device .cell,.device .d-evo .it:not(.wk){cursor:url('icons/cursor-frame.svg') 16 16,pointer}
.device #searchQ{cursor:url('icons/cursor-frame.svg') 16 16,text}