.imode-page{--lcd: #f4f8ec;--ink: #111;--link: #0033cc;--focus: #ffcc00;--shell: #b01848;--shell-dark: #6a0c2a;margin:0;min-height:100vh;display:grid;place-items:center;padding:24px 0;background:radial-gradient(circle at 30% 20%,#3a2a4a,#120a18 70%);font:12px/1.35 MS Gothic,Osaka-Mono,Hiragino Kaku Gothic ProN,monospace;color:var(--ink)}.imode-page button{font:inherit;cursor:pointer}.phone{width:284px;filter:drop-shadow(0 18px 30px #0009)}.lid,.base{background:linear-gradient(100deg,var(--shell-dark),var(--shell) 30%,#e0507c 48%,var(--shell) 62%,var(--shell-dark))}.lid{border-radius:36px 36px 10px 10px;padding:18px 16px 10px}.speaker{width:48px;height:5px;margin:0 auto 12px;border-radius:3px;background:repeating-linear-gradient(90deg,#300 0 2px,transparent 2px 4px)}.screen{position:relative;width:240px;height:320px;margin:0 auto;border:6px solid #111;border-radius:4px;background:var(--lcd);display:flex;flex-direction:column;overflow:hidden;image-rendering:pixelated}.brand{margin:8px 0 0;text-align:center;color:#fdd;font:9px/1 Arial,sans-serif;letter-spacing:2px}.hinge{height:14px;margin:0 22px;background:linear-gradient(#333,#777 50%,#333);border-radius:7px}.base{border-radius:10px 10px 40px 40px;padding:14px 18px 26px}.status{display:flex;align-items:center;gap:4px;padding:1px 3px;background:#223;color:#cfe;font-size:10px}.status #clock{margin-left:auto}.antenna,.battery{display:inline-flex;align-items:flex-end;gap:1px;height:9px}.antenna i{width:2px;background:#cfe}.antenna i:nth-child(1){height:3px}.antenna i:nth-child(2){height:6px}.antenna i:nth-child(3){height:9px}.battery{border:1px solid #cfe;padding:1px;height:5px;align-items:stretch}.battery i{width:3px;background:#6f6}.antenna i.off,.battery i.off{opacity:.15}.ibadge{background:#e01;color:#fff;padding:0 3px;font-weight:700;font-style:italic}.pake{color:#ff6}.site{flex:1;overflow-y:auto;padding:4px 6px;scrollbar-width:none}.page{display:none}.page:target,.site:not(:has(.page:target)) #top{display:block}.page p{margin:4px 0}.site a{color:var(--link)}.site :focus{outline:none}.site .sel{outline:none;background:var(--focus);color:#000}.site hr{border:0;border-top:1px dashed #889;margin:6px 0}.pict{vertical-align:-2px;margin-right:2px}.head{margin:0;padding:3px;background:linear-gradient(#ff7a1a,#e04000);color:#fff;font-weight:700}.head b{float:right;font-style:italic}.title{margin:0 0 6px!important;padding:2px 3px;background:#03c;color:#fff;font-weight:700}.ticker{overflow:hidden;white-space:nowrap;background:#ffc;color:#c00}.ticker span{display:inline-block;padding-left:100%;animation:tick 14s linear infinite}@keyframes tick{to{transform:translate(-100%)}}.hero{display:block;margin:4px auto;width:100%;height:80px;object-fit:cover;object-position:50% 30%}.center{text-align:center}.blink{color:#c00;animation:blink 1s steps(1) infinite}@keyframes blink{50%{visibility:hidden}}.menu{list-style:none;margin:0;padding:0}.menu li{margin:2px 0}.menu a,.mail summary,a[data-key]{display:block;text-decoration:none}.k{display:inline-block;width:11px;height:11px;margin-right:3px;border-radius:50%;background:#333;color:#fff;font-size:9px;line-height:11px;text-align:center}.foot,.small{font-size:10px;color:#445}.foot{text-align:center}.count{font-family:monospace;background:#000;color:#0f0;padding:0 2px}.prices{width:100%;border-collapse:collapse}.prices td{border-bottom:1px dotted #889;padding:2px 0}.prices td+td{text-align:right;color:#c00}.player{display:flex;gap:4px;align-items:center;background:#223;color:#cfe;padding:2px 4px}.led{width:6px;height:6px;border-radius:50%;background:#300}.player.on .led{background:#f33;box-shadow:0 0 4px #f33;animation:blink .3s steps(1) infinite}.walls{display:flex;gap:4px}.walls figure{margin:0;text-align:center;font-size:10px}.walls img{width:108px;height:144px;border:1px solid #000}.portrait{float:right;margin-left:4px}.fortune{overflow:hidden;border:2px double #c00;background:#fff;padding:4px}.fortune b{color:#c00;font-size:16px}.mail summary{list-style:none;cursor:pointer;padding:2px;border-bottom:1px dotted #889}.mail summary::-webkit-details-marker{display:none}.mail summary img{vertical-align:-3px;margin-right:2px}.mail dl{display:grid;grid-template-columns:auto 1fr;gap:0 4px;margin:4px 0}.mail dd{margin:0}.mail:not([open]) summary{font-weight:700}.loading{position:absolute;inset:16px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--lcd)}.loading[hidden]{display:none}.loading b{width:100px;height:6px;border:1px solid #000}.loading b i{display:block;height:100%;background:#03c;animation:load .45s steps(8) forwards}@keyframes load{0%{width:0}to{width:100%}}.soft-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:12px}.soft{height:22px;border:0;border-radius:11px;background:#ddd;color:#333;font-size:10px;box-shadow:inset 0 -2px #999}.dpad{display:grid;grid-template:repeat(3,24px) / repeat(3,24px);width:72px;height:72px;border-radius:50%;background:radial-gradient(#eee,#aaa)}.dpad button{border:0;background:none;color:#444;font-size:9px;padding:0}.dpad button:active{color:#e01}.d-up{grid-area:1 / 2}.d-left{grid-area:2 / 1}.d-right{grid-area:2 / 3}.d-down{grid-area:3 / 2}.d-ok{grid-area:2 / 2;border-radius:50%!important;background:#fff!important;box-shadow:inset 0 -2px #999;font-size:8px!important}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 10px}.key{height:26px;border:0;border-radius:13px 13px 9px 9px;background:linear-gradient(#fafafa,#d6d6d6);box-shadow:inset 0 -2px #999;display:flex;align-items:center;justify-content:center;gap:3px}.key b{font-size:13px}.key small{font-size:7px;color:#777}.key:active,.soft:active{transform:translateY(1px);box-shadow:none}@media(max-width:480px){.imode-page{padding:12px 0}.phone{width:284px;margin:0 auto}}@media(prefers-reduced-motion:reduce){.ticker span,.blink,.player.on .led{animation:none}}