@font-face{font-family:Corpid;src:url('../assets/My Collection/CorpidOffice Bold.ttf')}
@font-face{font-family:Matisse;src:url('../assets/My Collection/Fonts/MatissePro B.otf')}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#03101a;color:#fff}
body{font-family:Corpid,Arial,sans-serif;background:linear-gradient(#061827d9,#020811f5),url('../assets/My Collection/my_room_background_1.webp') center/cover fixed}
a{color:inherit}
main{width:min(1500px,96vw);margin:auto;padding:14px 0 24px}
header{height:90px;display:grid;grid-template-columns:220px 1fr 250px;align-items:center;padding:9px 22px;background:linear-gradient(#eff8fa,#a8c7d2 70%,#456c7e);border:2px solid #e8cf75;color:#123950;box-shadow:0 9px 28px #000a}
header>a{justify-self:start;padding:12px 18px;text-decoration:none;background:linear-gradient(#1981aa,#074a6b);border:2px solid #d9f4f9;color:#fff}
header>div{text-align:center}header small{color:#1381a7;letter-spacing:.26em;font-size:10px}header h1{margin:5px 0 0;font:32px Matisse,serif;letter-spacing:.07em}
header aside{justify-self:end;display:grid;grid-template-columns:52px 1fr;grid-template-rows:1fr 1fr;align-items:center;min-width:215px;padding:7px 13px;background:#f0f7f8;border:2px solid #63899c}
header aside img{grid-row:1/3;width:46px;height:46px;image-rendering:pixelated}header aside span{font-size:9px;letter-spacing:.15em;color:#34728a}header aside b{font-size:22px}
.arcade-intro{display:grid;grid-template-columns:1.2fr 1fr 190px;gap:35px;align-items:center;margin:18px 0;padding:22px 30px;background:linear-gradient(90deg,#092c43e8,#102131e0);border:1px solid #527d90;box-shadow:0 8px 24px #0008}
.arcade-intro small{color:#71def3;letter-spacing:.24em}.arcade-intro h2{margin:6px 0 0;color:#fff1b3;font:28px/1.2 Matisse,serif}.arcade-intro p{font:16px/1.55 Georgia,serif;color:#bdd6df}.completion{text-align:right}.completion span{display:block;color:#72dff2;font-size:10px;letter-spacing:.18em}.completion b{display:block;margin-top:7px;color:#ffe178;font-size:29px}
.cabinet-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cabinet{position:relative;min-height:360px;display:grid;grid-template-columns:42% 1fr;overflow:hidden;background:linear-gradient(135deg,#eaf3f5f4,#a9c3ccee);color:#15384d;border:3px solid #e2ca76;box-shadow:0 12px 34px #000a;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
.breach-cabinet{grid-column:1/-1;grid-template-columns:48% 1fr}.cabinet-art{position:relative;overflow:hidden}.cabinet-art img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.cabinet-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#b6ccd3),linear-gradient(0deg,#05132299,transparent 45%)}
.portrait-art{position:relative;padding:25px;background:radial-gradient(circle,#efb09f66,transparent 58%),#321b27}.portrait-art img{position:absolute;inset:25px;width:calc(100% - 50px);height:calc(100% - 50px);object-fit:cover;object-position:center top;border:2px solid #d8c474;box-shadow:0 0 25px #ffc2a877}
.cabinet-copy{padding:29px 32px;align-self:center}.cabinet-copy small{color:#087fa7;letter-spacing:.2em;font-size:10px}.cabinet-copy h2{margin:7px 0 10px;font:31px Matisse,serif;color:#153145}.cabinet-copy p{margin:0 0 17px;color:#4a6778;font:15px/1.55 Georgia,serif}
.stage-list{display:grid;gap:7px}.stage-list a{display:grid;grid-template-columns:38px 1fr 52px 22px;align-items:center;min-height:44px;padding:5px 11px;text-decoration:none;background:linear-gradient(#fff,#c9dce3);border:1px solid #668b9b;box-shadow:0 2px 4px #38566644}.stage-list a:hover{transform:translateX(4px);border-color:#00a6d9}.stage-list b{color:#008bb7}.stage-list span{font-size:12px}.stage-list em{font-style:normal;color:#aa7220;font-size:10px}.stage-list i,.reward-line i{width:15px;height:15px;border-radius:50%;background:#8499a2;box-shadow:inset 0 0 0 3px #c8d7dc}.stage-list a.cleared i,.reward-line i.cleared{background:#ffd13f;box-shadow:0 0 9px #ffce29,inset 0 0 0 3px #fff1a0}
.reward-line{display:grid;grid-template-columns:90px 1fr 22px;align-items:center;padding:10px 12px;background:#e4eef1;border:1px solid #829da8}.reward-line span{font-size:9px;color:#588093;letter-spacing:.13em}.reward-line b{font-size:12px;color:#9a6721}
.play-button{display:block;margin-top:12px;padding:13px 16px;text-align:center;text-decoration:none;background:linear-gradient(135deg,#16a9d4,#086a9f 55%,#163e69);border:2px solid #d4f7fb;color:#fff;text-shadow:0 2px #064764}
.kiara-cabinet .play-button{background:linear-gradient(135deg,#e6a07f,#b7556e 55%,#55263f)}.apex-cabinet .play-button{background:linear-gradient(135deg,#b84dc5,#6e257d 50%,#28113f)}
.beast-cabinet .play-button{background:linear-gradient(135deg,#d99b5b,#a7285c 50%,#3b082b)}.beast-art{position:relative;overflow:hidden;background:#ccecff url('../assets/games/paradise-breach/cloud-backdrop.png') center/cover no-repeat}.beast-art video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.beast-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#b6ccd3),linear-gradient(0deg,#26001688,transparent 50%)}
.locked-cabinet{filter:grayscale(.92) brightness(.72);border-color:#879197;box-shadow:0 12px 34px #000c}.locked-cabinet .cabinet-copy small,.locked-cabinet .cabinet-copy h2,.locked-cabinet .cabinet-copy p{color:#59676e}.locked-cabinet .reward-line{background:#c5cdd0;border-color:#858f94}.locked-cabinet .reward-line b{color:#596267}.locked-button{cursor:not-allowed;user-select:none;background:linear-gradient(135deg,#687176,#3c454a 55%,#252c30)!important;border-color:#9ca5a9;color:#d0d5d7;text-shadow:none}
.burial-cabinet .play-button{background:linear-gradient(135deg,#56324f,#21141f 55%,#89663d)}.burial-art{position:relative;overflow:hidden;background:radial-gradient(circle at 68% 45%,#cda85b44,transparent 29%),linear-gradient(135deg,#08070d,#352033)}.burial-art>img{position:absolute;z-index:2;right:2%;bottom:-4%;width:73%;height:93%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(7px 10px 5px #000)}.burial-shadow{position:absolute;left:10%;top:17%;width:120px;height:210px;border-radius:50% 50% 25% 25%;background:linear-gradient(#382331,#08070c);box-shadow:0 0 25px #c89d5166}.burial-shadow::before{content:"";position:absolute;left:50%;top:-20px;width:130px;height:130px;transform:translateX(-50%);border:2px solid #c9a455;border-radius:50%;box-shadow:0 0 14px #d4a74a}.burial-shadow i{position:absolute;bottom:0;width:8px;height:var(--h);background:#dbc48c;box-shadow:0 -6px 12px #ffbd4c}.burial-shadow i:nth-child(1){left:12%;--h:65px}.burial-shadow i:nth-child(2){left:47%;--h:42px}.burial-shadow i:nth-child(3){right:12%;--h:76px}
.final-cabinet{grid-column:1/-1;grid-template-columns:52% 1fr;background:linear-gradient(135deg,#f3edf5f4,#c6aecfee);border-color:#f2cf73}.final-art{position:relative;overflow:hidden;min-height:380px;background:#05020b}.final-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(1.25)}.final-art::after{content:"";position:absolute;z-index:4;inset:0;background:linear-gradient(90deg,transparent 54%,#c8b2d0),linear-gradient(0deg,#05000ba8,transparent 52%)}.final-kiara{position:absolute;z-index:3;left:7%;bottom:-24%;width:57%;height:124%;object-fit:contain;filter:drop-shadow(0 0 20px #ff51c0)}.final-mandala{position:absolute;z-index:2;right:2%;top:2%;width:58%;height:96%;object-fit:contain;opacity:.8;filter:drop-shadow(0 0 18px #da55ff);animation:finalMandala 16s linear infinite}.final-cabinet .cabinet-copy{background:linear-gradient(110deg,#c8b2d0,#f4edf5 30%)}.final-cabinet .play-button{background:linear-gradient(135deg,#203e8b,#7b2d8e 52%,#be285f)}
.final-cabinet.summon-locked{filter:grayscale(.72) brightness(.68);border-color:#746f7a;box-shadow:0 12px 34px #000d}.final-cabinet.summon-locked .final-art::before{content:"GRAND SAINT GRAPH NOT SUMMONED";position:absolute;z-index:6;left:50%;top:50%;width:82%;padding:13px;transform:translate(-50%,-50%);text-align:center;color:#d8d2db;background:#09070ddd;border:1px solid #8f8994;letter-spacing:.14em;font-size:11px}.final-cabinet.summon-locked .final-kiara,.final-cabinet.summon-locked .final-mandala{filter:grayscale(1);opacity:.35}.final-cabinet.summon-locked .cabinet-copy{background:linear-gradient(110deg,#a8a4aa,#d8d5da 30%)}.final-cabinet.summon-locked .cabinet-copy small,.final-cabinet.summon-locked .cabinet-copy h2,.final-cabinet.summon-locked .cabinet-copy p{color:#5f5963}
.apex-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#8d2ca0 0 5%,#270a37 28%,#07030c 70%)}.apex-art::before{content:"";position:absolute;width:280px;height:280px;border:2px solid #d879f0;border-radius:50%;box-shadow:0 0 30px #d852ff;animation:apexPulse 2s ease-in-out infinite}.apex-eye{position:relative;z-index:2;font-size:110px;color:#fff0a4;text-shadow:0 0 15px #fff,0 0 40px #cf42f1}.apex-art i{position:absolute;width:250px;height:2px;background:#ca5ae2;transform:rotate(var(--r));box-shadow:0 0 10px #d955ef}.apex-art i:nth-of-type(1){--r:0deg}.apex-art i:nth-of-type(2){--r:60deg}.apex-art i:nth-of-type(3){--r:120deg}
footer{display:flex;justify-content:space-between;padding:18px 8px 0;color:#719eb0;font-size:9px;letter-spacing:.16em}
@keyframes apexPulse{50%{transform:scale(1.08);opacity:.62}}
@keyframes finalMandala{to{transform:rotate(360deg)}}
@media(max-width:900px){main{width:100%;padding:0 10px}header{height:65px;grid-template-columns:90px 1fr 110px;padding:5px 7px}header>a{padding:8px;font-size:9px}header h1{font-size:18px}header small{font-size:6px}header aside{min-width:0;grid-template-columns:34px 1fr;padding:3px 5px}header aside img{width:30px;height:30px}header aside span{font-size:6px}header aside b{font-size:14px}.arcade-intro{grid-template-columns:1fr auto;padding:16px}.arcade-intro p{display:none}.arcade-intro h2{font-size:20px}.cabinet-grid{grid-template-columns:1fr}.breach-cabinet{grid-column:auto}.cabinet,.breach-cabinet{grid-template-columns:1fr;min-height:0}.cabinet-art,.portrait-art,.apex-art,.beast-art,.burial-art,.final-art{height:210px;min-height:210px}.cabinet-copy{padding:21px}footer{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}