:root{--blue:#123a5c;--blue-deep:#0d2b45;--blue-soft:#4a6d8c;--blue-wash:#e7eef6;--sand:#f2c879;--page:#f4f7fa;--white:#fff;--line:#d9e3ed;--ink:#123a5c;--muted:#5c7891;--dur:.15s}@media (prefers-reduced-motion:reduce){:root{--dur:.01ms}}*,:before,:after{box-sizing:border-box}html{background:var(--page)}body{background:var(--page);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px}button{-webkit-tap-highlight-color:transparent;font:inherit}:focus-visible{outline:3px solid var(--blue-soft);outline-offset:2px}.app{width:100%}.screen{max-width:480px;padding-left:16px;padding-right:16px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));margin:0 auto}.topbar{min-height:56px;padding-top:env(safe-area-inset-top,0px);align-items:center;padding-right:128px;display:flex}.wordmark{letter-spacing:.16em;text-transform:uppercase;color:var(--blue-soft);margin:0;font-size:14px;font-weight:800}.h1{letter-spacing:-.02em;margin:2px 0 14px;font-size:28px;font-weight:800;line-height:35px}.h2{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:24px 0 10px;font-size:12px;font-weight:800;line-height:18px}.back{min-width:44px;min-height:44px;color:var(--blue);cursor:pointer;transition-property:background-color;transition-duration:var(--dur);background:0 0;border:0;border-radius:12px;margin-left:-8px;padding:0 12px 0 8px;font-size:16px;font-weight:700}.back:active{background:var(--blue-wash)}.fromchip{border:1.5px solid var(--line);background:var(--white);width:100%;min-height:64px;color:inherit;text-align:left;cursor:pointer;transition-property:transform,border-color;transition-duration:var(--dur);border-radius:18px;align-items:center;gap:10px;padding:10px 12px 10px 14px;transition-timing-function:ease;display:flex}.fromchip:active{border-color:var(--blue-soft);transform:scale(.985)}.fromchip-text{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.fromchip-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700;line-height:16px}.fromchip-value{font-size:17px;font-weight:700;line-height:23px}.fromchip-flag{margin-right:4px}.fromchip-meta{color:var(--muted);font-size:13px;line-height:18px}.fromchip-action{background:var(--blue-wash);color:var(--blue);border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:700}.chips{flex-wrap:wrap;gap:8px;margin:16px 0 10px;display:flex}.chip{border:1.5px solid var(--line);background:var(--white);min-width:44px;min-height:44px;color:var(--blue);cursor:pointer;transition-property:background-color,color,border-color,transform;transition-duration:var(--dur);border-radius:999px;padding:0 15px;font-size:15px;font-weight:600;transition-timing-function:ease}.chip--on{background:var(--blue);border-color:var(--blue);color:var(--white)}.chip:active{transform:scale(.96)}.searchrow{gap:8px;margin-bottom:14px;display:flex}.search{border:1.5px solid var(--line);background:var(--white);min-width:0;height:48px;color:var(--ink);font:inherit;border-radius:14px;flex:auto;padding:0 14px;font-size:16px}.search::placeholder{color:#93a8bb}.clear{border:1.5px solid var(--line);background:var(--white);min-width:64px;min-height:48px;color:var(--blue);cursor:pointer;border-radius:14px;flex:none;padding:0 14px;font-size:15px;font-weight:600}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tile{border:1.5px solid var(--line);background:var(--white);color:var(--ink);text-align:center;cursor:pointer;transition-property:transform,border-color;transition-duration:var(--dur);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 13px;transition-timing-function:ease;display:flex;box-shadow:0 1px #123a5c0a}.tile:active{border-color:var(--blue-soft);transform:scale(.97)}.tile-art{background:var(--blue);width:68px;height:68px;color:var(--white);border-radius:18px;place-items:center;display:grid}.tile-name{font-size:14px;font-weight:700;line-height:19px}.tile-flag{font-size:15px}.tile-meta{color:var(--muted);font-size:12px;line-height:16px}.empty{color:var(--muted);margin:18px 0;font-size:15px;line-height:22px}.gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.gallery-item{flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.gallery-art{aspect-ratio:1;background:var(--blue);width:100%;color:var(--white);border-radius:14px;place-items:center;display:grid}.gallery-letter{color:var(--muted);font-size:12px;font-weight:700;line-height:16px}.hero{background:var(--blue);color:var(--white);border-radius:26px;padding:18px 16px 20px}.hero-name{letter-spacing:-.01em;margin:0 0 14px;font-size:22px;font-weight:800;line-height:29px}.hero-art{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.hero-art-item{flex-direction:column;align-items:center;gap:6px;display:flex}.hero-art-letter{letter-spacing:.08em;opacity:.82;font-size:12px;font-weight:700;line-height:16px}.hero-volt{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;margin:0;display:flex}.hero-volt-main{letter-spacing:-.02em;font-size:40px;font-weight:800;line-height:48px}.hero-volt-sep{opacity:.5}.hero-volt-hz{opacity:.85;font-size:20px;font-weight:600;line-height:28px}.verdict{background:var(--sand);color:var(--blue-deep);border-radius:22px;margin:14px 0 4px;padding:15px 17px 17px}.verdict-eyebrow{letter-spacing:.12em;text-transform:uppercase;opacity:.72;margin:0 0 5px;font-size:11px;font-weight:800;line-height:16px}.verdict-head{letter-spacing:-.01em;margin:0 0 8px;font-size:25px;font-weight:800;line-height:32px}.verdict-detail{margin:0;font-size:15px;line-height:23px}.verdict-note{opacity:.85;border-top:1.5px solid #0d2b4533;margin:11px 0 0;padding-top:10px;font-size:13px;line-height:20px}.socket-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.socket-item{border:1.5px solid var(--line);background:var(--white);border-radius:18px;align-items:center;gap:14px;padding:11px 14px;display:flex}.socket-art{background:var(--blue);width:62px;height:62px;color:var(--white);border-radius:16px;flex:none;place-items:center;display:grid}.socket-text{flex-direction:column;gap:2px;min-width:0;display:flex}.socket-letter{font-size:16px;font-weight:800;line-height:22px}.socket-pins{color:var(--muted);font-size:13px;line-height:19px}.prose{margin:0 0 12px;font-size:15px;line-height:23px}.calm{color:var(--muted);margin:24px 0 0;font-size:13px;line-height:20px}.sheet{z-index:20;overscroll-behavior:contain;background:var(--page);padding-left:16px;padding-right:16px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.sheet-sub{color:var(--muted);margin:-8px 0 14px;font-size:14px;line-height:21px}.rows{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.row{background:var(--white);width:100%;min-height:54px;color:var(--ink);text-align:left;cursor:pointer;transition-property:background-color,border-color;transition-duration:var(--dur);border:1.5px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:8px 14px;display:flex}.row--on{border-color:var(--blue);background:var(--blue-wash)}.row:active{background:var(--blue-wash)}.row-flag{flex:none;font-size:18px}.row-name{flex:auto;min-width:0;font-size:16px;font-weight:600;line-height:22px}.row-meta{color:var(--muted);flex:none;font-size:12px;line-height:18px}