.pc-root{touch-action:none;font-family:var(--font-mono,monospace);background:#0a0e1f;position:absolute;inset:0;overflow:hidden}.pc-canvas{position:absolute;inset:0}.pc-canvas canvas{width:100%!important;height:100%!important;display:block!important}.pc-ui{z-index:3;pointer-events:none;color:#eaf3ff;position:absolute;inset:0}.pc-hud{top:max(8px,env(safe-area-inset-top));letter-spacing:.09em;text-align:center;background:#0a0e1fd9;border:1px solid #3fd0ff55;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:6px;padding:7px 9px;font-size:9px;display:grid;position:absolute;left:10px;right:60px;box-shadow:0 8px 20px #0006}.pc-mute{top:max(8px,env(safe-area-inset-top));z-index:5;color:#eaf3ff;cursor:pointer;pointer-events:auto;background:#0a0e1fd9;border:1px solid #3fd0ff55;border-radius:8px;place-items:center;min-width:44px;min-height:44px;font-size:18px;display:grid;position:absolute;right:10px}.pc-hud span{justify-items:center;gap:3px;display:grid}.pc-hud b{color:#fff;font-size:clamp(13px,3.6vw,18px)}.pc-hud .is-active b{color:#ffd15e;text-shadow:0 0 10px #ffb23f}.pc-overlay{pointer-events:auto;background:#080c26c9;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.pc-card{text-align:center;background:#101636f2;border:1px solid #3fd0ff88;border-radius:12px;justify-items:center;gap:12px;width:min(340px,100% - 24px);padding:clamp(18px,6vw,30px);display:grid;box-shadow:0 18px 60px #000b,0 0 32px #3fd0ff33}.pc-card h2{color:#eaf3ff;font:700 clamp(20px,7vw,32px) var(--font-display,sans-serif);letter-spacing:.12em;margin:0}.pc-card p{color:#b7c4ea;letter-spacing:.06em;margin:0;font-size:11px;line-height:1.65}.pc-intro{justify-items:center;gap:8px;width:100%;display:grid}.pc-legend{letter-spacing:.04em;color:#d7e3ff;gap:5px;width:100%;margin:0;padding:0;font-size:10px;list-style:none;display:grid}.pc-legend li{justify-content:center;align-items:center;gap:8px;display:flex}.pc-legend b{text-align:center;width:1.2em;font-size:15px;line-height:1}.pc-legend-shard{color:#3fd0ff}.pc-legend-trap{color:#fff}.pc-legend-trap svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block}.pc-card strong{color:#ffd15e;font-size:44px}.pc-card small{color:#a7b6de;letter-spacing:.1em}.pc-result{text-align:left;color:#d7e3ff;letter-spacing:.04em;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;font-size:10px;line-height:1.35;display:grid}.pc-result span{background:#07102b88;border:1px solid #3fd0ff33;border-radius:4px;min-width:0;padding:5px 6px}.pc-result span:last-child{color:#ffd15e;text-align:center;grid-column:span 2}.pc-card button{color:#08122a;min-height:46px;font:800 12px var(--font-mono,monospace);letter-spacing:.14em;cursor:pointer;background:#3fd0ff;border:0;border-radius:6px;padding:11px 24px}@media (orientation:landscape) and (height<=500px){.pc-hud{grid-template-columns:repeat(4,minmax(0,1fr));font-size:8px}.pc-card{gap:8px;max-width:520px;padding:14px}.pc-result{grid-template-columns:repeat(3,minmax(0,1fr));font-size:9px}.pc-result span:last-child{grid-column:span 3}}@media (width<=420px) and (height>=700px){.pc-overlay{padding:10px}.pc-card{gap:9px;width:min(330px,100% - 12px);padding:18px 14px}.pc-card p{line-height:1.45}.pc-legend{gap:4px}.pc-legend li{text-align:left;justify-content:flex-start}}