.zivo-puzzle-room{position:fixed;inset:0;z-index:9998;background:#05070d;color:#f5f7ff;display:none;overflow:auto;font-family:inherit}.zivo-puzzle-room.active{display:block}.zpr-shell{min-height:100%;background:radial-gradient(circle at 50% 0,#16233a 0,#080c14 45%,#030407 100%)}.zpr-head{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 24px;background:rgba(5,8,15,.92);backdrop-filter:blur(14px);border-bottom:1px solid #263248}.zpr-head small,.zpr-kicker{letter-spacing:.16em;color:#7dd3fc;font-size:11px}.zpr-head h1{margin:4px 0;font-size:28px}.zpr-head p{margin:0;color:#9ca9bb}.zpr-head-actions{display:flex;align-items:center;gap:12px}.zpr-head-actions b{white-space:nowrap}.zpr-progress{width:150px;height:5px;background:#182235;border-radius:20px;overflow:hidden}.zpr-progress i{display:block;height:100%;background:#63e6be}.zpr-return,.zpr-check,.zpr-primary,.zpr-finish-actions button{border:0;border-radius:12px;padding:12px 18px;background:#15243a;color:#fff;cursor:pointer}.zpr-primary{background:#63e6be;color:#07110e;font-weight:800}.zpr-stagebar{display:flex;gap:6px;padding:14px 24px;overflow:auto;border-bottom:1px solid #111a29}.zpr-stagebar span{min-width:92px;padding:8px 10px;border:1px solid #202c40;border-radius:10px;color:#738096;font-size:11px}.zpr-stagebar span b{display:block;color:#fff;font-size:14px}.zpr-stagebar .active{border-color:#63e6be;color:#dffcf4}.zpr-stagebar .done{border-color:#355c53;color:#8adbc6}.zpr-main{max-width:1150px;margin:auto;padding:30px 20px}.zpr-intro{min-height:65vh;display:grid;grid-template-columns:1fr 1.3fr;gap:30px;align-items:center}.zpr-door-art{min-height:430px;border:1px solid #25334a;border-radius:28px;background:linear-gradient(145deg,#0e1726,#060a11);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;box-shadow:0 30px 100px #0008}.zpr-orb{width:180px;height:180px;border:1px solid #63e6be88;border-radius:50%;display:grid;place-items:center;font-size:76px;color:#63e6be;box-shadow:0 0 70px #63e6be22}.zpr-door-art span{margin-top:25px;letter-spacing:.3em;color:#728096}.zpr-intro-copy h2{font-size:52px;margin:8px 0}.zpr-intro-copy p{font-size:20px;line-height:1.8;color:#b3bdca;max-width:650px}.zpr-rules{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid #25334a;border-radius:14px;margin:20px 0}.zpr-rules span{color:#8f9bad}.zpr-puzzle{background:#090e18;border:1px solid #202d42;border-radius:22px;padding:24px}.zpr-instruction{display:flex;gap:18px;align-items:end;justify-content:space-between;border-bottom:1px solid #1d293b;padding-bottom:18px}.zpr-instruction h2{margin:5px 0;font-size:30px}.zpr-instruction p{margin:0;color:#9ca9bb}.zpr-live{color:#75839a;white-space:nowrap}.zpr-board{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:25px}.zpr-feedback{min-height:32px;text-align:center;font-weight:800}.zpr-feedback.good{color:#63e6be}.zpr-feedback.bad{color:#ff8d8d}.zpr-question{font-size:26px}.zpr-symbol-grid{display:grid;grid-template-columns:repeat(4,90px);gap:12px}.zpr-symbol{height:90px;border:1px solid #2b3b54;background:#111c2d;color:#fff;border-radius:16px;font-size:35px;cursor:pointer}.zpr-seq,.zpr-pattern{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:32px}.zpr-seq span,.zpr-pattern span,.zpr-pattern b{padding:12px 16px;background:#111d2f;border:1px solid #2b3b54;border-radius:12px}.zpr-seq i,.zpr-pattern i{color:#63e6be}.zpr-options{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.zpr-options button{min-width:100px;border:1px solid #2a3a52;background:#142137;color:#fff;border-radius:12px;padding:14px 22px;cursor:pointer;font-size:17px}.zpr-memory-grid,.zpr-grid-3{display:grid;grid-template-columns:repeat(3,100px);gap:12px}.zpr-memory,.zpr-tile{height:100px;border:1px solid #2b3b54;background:#111c2d;color:#fff;border-radius:14px;font-size:30px;cursor:pointer}.zpr-tile{position:relative}.zpr-tile i,.zpr-tile i:after{content:"";position:absolute;background:#63e6be;left:18px;right:18px;height:7px;top:46px;border-radius:8px}.zpr-tile i:after{transform:rotate(90deg);left:0;right:0;top:0}.rot-1 i:after{transform:rotate(0)}.rot-2 i{transform:rotate(45deg)}.rot-3 i{transform:rotate(135deg)}.zpr-code-lock{display:flex;flex-direction:column;align-items:center;gap:18px}.zpr-code-display{font:700 34px monospace;letter-spacing:10px;padding:18px 30px;border:1px solid #31445e;border-radius:14px;background:#050912}.zpr-keypad{display:grid;grid-template-columns:repeat(5,60px);gap:8px}.zpr-keypad button{height:55px;background:#132139;color:#fff;border:1px solid #2a3a52;border-radius:10px;cursor:pointer}.zpr-maze{display:grid;grid-template-columns:repeat(8,42px);gap:3px;padding:10px;background:#111a28;border-radius:12px}.zpr-maze .cell{width:42px;height:42px;border:0;background:#16243a;color:#63e6be}.zpr-maze .wall{background:#03060a}.zpr-maze .player{box-shadow:inset 0 0 0 3px #63e6be}.zpr-maze .exit{color:#ffd166}.zpr-sort-list{width:min(420px,100%);display:flex;flex-direction:column;gap:8px}.zpr-sort-list button{display:flex;justify-content:space-between;padding:14px;background:#132139;border:1px solid #2a3a52;color:#fff;border-radius:10px;cursor:grab}.zpr-logic-card{max-width:650px;padding:22px;border:1px solid #2b3b54;border-radius:16px;background:#0e1726;line-height:1.8}.zpr-final-vault{text-align:center}.zpr-vault-ring{width:150px;height:150px;border:2px solid #63e6be;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:56px;color:#63e6be;box-shadow:0 0 80px #63e6be22}.zpr-finish{min-height:100vh;display:grid;place-items:center;text-align:center;align-content:center;gap:14px;padding:30px}.zpr-finish-seal{width:120px;height:120px;border:2px solid #63e6be;border-radius:50%;display:grid;place-items:center;font-size:60px;color:#63e6be}.zpr-finish h1{font-size:48px;margin:0}.zpr-final-score{font-size:70px;font-weight:900;color:#63e6be}.zpr-finish p{color:#9ca9bb;font-size:18px}.zpr-finish-actions{display:flex;gap:10px;justify-content:center}@media(max-width:800px){.zpr-head{position:relative;align-items:flex-start;flex-direction:column}.zpr-head-actions{width:100%;flex-wrap:wrap}.zpr-progress{flex:1}.zpr-intro{grid-template-columns:1fr}.zpr-door-art{min-height:300px}.zpr-intro-copy h2{font-size:38px}.zpr-instruction{align-items:flex-start;flex-direction:column}.zpr-symbol-grid{grid-template-columns:repeat(3,72px)}.zpr-symbol{height:72px}.zpr-memory-grid,.zpr-grid-3{grid-template-columns:repeat(3,78px)}.zpr-memory,.zpr-tile{height:78px}.zpr-maze{transform:scale(.82);transform-origin:center}.zpr-finish h1{font-size:36px}}

.zpr-memory-4{grid-template-columns:repeat(4,100px)}.zpr-memory.open{outline:2px solid #63e6be;transform:scale(1.03)}.zpr-controls{display:flex;flex-direction:column;align-items:center;gap:6px}.zpr-controls button{width:58px;height:48px;border:1px solid #2b3b54;background:#142137;color:#fff;border-radius:12px;font-size:22px;cursor:pointer}.zpr-controls div{display:flex;gap:6px}.zpr-code-hint{max-width:420px;text-align:center;color:#aeb9c9;line-height:1.6}.zpr-sort-item{display:grid;grid-template-columns:44px 120px 44px;align-items:center;gap:8px;margin:7px}.zpr-sort-item button{height:40px;border:1px solid #2b3b54;background:#142137;color:#fff;border-radius:9px;cursor:pointer}.zpr-sort-item b{padding:10px 14px;border:1px solid #2b3b54;background:#101b2c;border-radius:9px;text-align:center}.zpr-tile small{position:absolute;bottom:7px;right:8px;font-size:9px;color:#718096}.zpr-rotate-grid{grid-template-columns:repeat(3,100px)}@media(max-width:600px){.zpr-symbol-grid{grid-template-columns:repeat(4,minmax(62px,1fr));width:100%}.zpr-memory-4{grid-template-columns:repeat(4,minmax(58px,1fr));width:100%}.zpr-memory,.zpr-symbol{width:100%;height:70px}.zpr-rotate-grid{grid-template-columns:repeat(3,76px)}.zpr-tile{height:76px}.zpr-maze{transform:scale(.9);transform-origin:center}.zpr-head{padding:12px}.zpr-head-actions{gap:6px}.zpr-progress{display:none}.zpr-head-actions b{font-size:12px}.zpr-return{padding:9px 11px;font-size:11px}}