.phone-page{padding:8px 0 28px}
.phone{position:relative;width:min(360px,calc(100vw - 24px));margin:42px auto 18px;padding:40px 22px 30px;
 background:linear-gradient(155deg,#D3EEFB 0%,#9FD0EC 45%,#6FB0D8 100%);border-radius:120px 120px 70px 70px / 60px 60px 50px 50px;
 box-shadow:inset -8px -10px 18px rgba(20,60,90,.25),inset 8px 10px 16px rgba(255,255,255,.65),0 22px 36px -16px rgba(0,0,0,.45);user-select:none;-webkit-user-select:none;touch-action:manipulation}
@media (max-width:500px){.phone{width:calc(100vw - 20px);padding:36px 16px 26px}}
.antenna{position:absolute;top:-28px;right:20%;width:30px;height:46px;border-radius:14px 14px 6px 6px;background:linear-gradient(90deg,#5E9CC4,#8CC4E4 50%,#4F8DB7);z-index:-1;box-shadow:inset 0 3px 4px rgba(255,255,255,.4)}
.earpiece{width:76px;height:9px;margin:0 auto 16px;border-radius:6px;background:#2B5873;box-shadow:inset 0 2px 3px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.6)}
.bezel{background:linear-gradient(#2A4D5E,#1D3846);border-radius:16px 16px 28px 28px;padding:14px 12px 18px;box-shadow:inset 0 2px 6px rgba(0,0,0,.6)}
#lcd{display:block;width:100%;height:auto;aspect-ratio:168/96;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:4px;background:#9ED9C6;box-shadow:inset 0 0 12px rgba(0,40,40,.35)}
.softrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px 2px 14px}
.phone button{font:700 15px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#173447;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
 background:linear-gradient(#FFFFFF,#D3E8F4);box-shadow:0 3px 0 #6F9DB9,0 5px 8px -3px rgba(0,0,0,.35)}
.phone button:active,.phone button.down{transform:translateY(2px);box-shadow:0 1px 0 #6F9DB9}
.soft{height:34px;border-radius:18px 18px 26px 26px;font-size:20px!important}
.dpad{position:relative;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#EAF6FD,#B5D8EC);box-shadow:inset 0 -4px 8px rgba(0,0,0,.15),0 4px 8px -4px rgba(0,0,0,.4)}
.dpad button{position:absolute;width:40px;height:40px;border-radius:12px;font-size:14px;background:transparent;box-shadow:none;color:#2B5873}
.dpad .u{top:2px;left:39px}.dpad .d{bottom:2px;left:39px}.dpad .l{left:2px;top:39px}.dpad .r{right:2px;top:39px}
.dpad .ok{top:33px;left:33px;width:52px;height:52px;border-radius:50%;background:linear-gradient(#FFFFFF,#CFE5F2);box-shadow:0 3px 0 #6F9DB9;font-size:12px}
.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 16px}
.keys button{height:46px;border-radius:24px 24px 30px 30px / 22px 22px 26px 26px;font-size:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.keys button small{font-size:9px;font-weight:600;color:#4F7C98;letter-spacing:.05em}
.mic{width:30px;height:4px;margin:16px auto 0;border-radius:3px;background:#3E7090;opacity:.6}
.phone-help{max-width:420px;margin:0 auto;text-align:center;color:var(--muted);font-size:.9rem;padding:0 12px}