.pp-game{position:relative;max-width:720px;margin:0 auto;padding:18px;color:#f8f4e7;border:1px solid #4c7165;border-radius:22px;background:linear-gradient(150deg,#112a36,#071923);box-shadow:0 22px 60px #0008}.pp-head{display:flex;align-items:center;gap:12px;margin-bottom:13px}.pp-head h2{margin:2px 0;font-size:22px}.pp-head small,.pp-difficulty{color:#b5d8c8;font-size:10px;font-weight:800;letter-spacing:.12em}.pp-difficulty{margin-left:auto}.pp-back,.pp-footer button{border:1px solid #496e68;border-radius:11px;background:#17383d;color:#f6f1e3;padding:10px 12px}.pp-status{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:11px 13px;margin-bottom:11px;border:1px solid #2b565a;border-radius:12px;background:#0c2229}.pp-status strong{font-size:13px;max-width:55%}.pp-status span{font-size:12px;color:#afd0c1;white-space:nowrap}.pp-status b{color:#f3d078;font-size:18px}.pp-board{width:min(100%,560px);aspect-ratio:1;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:7px;margin:0 auto;border:1px solid #bb9c5e;border-radius:17px;background:linear-gradient(#102f3bd9,#091d29e8),url('/assets/games/solo/pingora-moon-gate-background.png') center/cover;box-shadow:inset 0 0 26px #001417,0 12px 32px #0008}.pp-tile{position:relative;display:grid;place-items:center;min-width:0;padding:0;border:1px solid #9bc8ac32;border-radius:8px;background:linear-gradient(145deg,#173943,#10262d);touch-action:manipulation;transition:background .16s,transform .16s,border-color .16s}.pp-tile:active{transform:scale(.94)}.pp-tile svg{width:80%;height:80%;overflow:visible;transform:rotate(var(--turn));transition:transform .25s cubic-bezier(.2,.8,.2,1)}.pp-pipe path{fill:none;stroke:#458d81;stroke-width:17;stroke-linecap:round;filter:drop-shadow(0 2px 3px #0009)}.pp-pipe circle{fill:#79c6a3;stroke:#d4e7aa;stroke-width:4}.pp-tile.lit{border-color:#85e7bb;background:linear-gradient(145deg,#275344,#183940);box-shadow:inset 0 0 18px #4ee7ab40,0 0 11px #78e9bc33}.pp-tile.lit .pp-pipe path{stroke:#e1c779;filter:drop-shadow(0 0 6px #f5d37b)}.pp-tile i{position:absolute;z-index:1;bottom:2px;font:800 6px/1 system-ui;color:#ffe4a1;font-style:normal;letter-spacing:.04em}.pp-footer{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:12px;color:#a9c5bc;font-size:11px;line-height:1.45}.pp-select{max-width:600px}.pp-art{height:275px;margin:12px 0 16px;border:1px solid #51736a;border-radius:16px;background-size:cover;background-position:center 58%;box-shadow:inset 0 -50px 80px #08192388}.pp-select p,.pp-select li{color:#bdd1c9;line-height:1.6}.pp-select ul{padding-left:20px;margin-bottom:18px}.pp-end{position:absolute;z-index:4;inset:auto 14px 14px;display:grid;gap:8px;justify-items:center;padding:16px;border:1px solid #70cfa8;border-radius:15px;background:#0b2428f5;box-shadow:0 8px 32px #0009}.pp-end strong{color:#f8df9d;font-size:19px}.pp-end span{color:#b8cdc4;font-size:12px}.pp-end button{min-width:140px}@media(max-width:560px){.pp-game{padding:12px;border-radius:17px}.pp-head h2{font-size:19px}.pp-status{gap:6px;padding:9px}.pp-status strong{font-size:11px;max-width:52%}.pp-status span{font-size:10px}.pp-board{gap:2px;padding:4px;border-radius:12px}.pp-tile{border-radius:5px}.pp-pipe path{stroke-width:19}.pp-footer{align-items:flex-start;font-size:10px}.pp-art{height:230px}}