@font-face{font-family:BUMBASTIKA;src:url(/fonts/BUMBASTIKA.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--cp-blue: #1a8fcc;--cp-blue-dark: #0f5f8a;--cp-blue-light: #4db8e8;--cp-frame: #2b8fd0;--cp-frame-light: #a8e4ff;--cp-outline: #0a4878;--cp-sky-top: #6fc4ee;--cp-sky-bottom: #d6f0fb;--cp-sky: #87ceeb;--cp-snow: #e8f4f8;--cp-panel: #eef8fe;--cp-white: #ffffff;--cp-yellow: #f5d020;--cp-orange: #f0a500;--cp-red: #e53935;--cp-dark: #1a1a2e;--cp-text: #1a3a4a;--font-main: "Baloo 2", "Comic Sans MS", cursive;--font-display: "BUMBASTIKA", "Baloo 2", cursive}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:linear-gradient(180deg,var(--cp-sky-top) 0%,var(--cp-sky-bottom) 100%);color:var(--cp-text);overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--cp-blue-dark)}::-webkit-scrollbar-thumb{background:var(--cp-blue-light);border-radius:5px;border:2px solid var(--cp-blue-dark)}::-webkit-scrollbar-thumb:hover{background:var(--cp-yellow)}::selection{background:var(--cp-yellow);color:var(--cp-dark)}.cp-window{background:var(--cp-white);border:3px solid var(--cp-frame-light);outline:3px solid var(--cp-outline);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #06285059}.cp-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px 8px 18px;background:linear-gradient(180deg,#5bc0f2,#2b96dc 45%,#1470b4);border-bottom:3px solid var(--cp-outline);font-family:var(--font-display);font-size:1.05rem;line-height:1.25;letter-spacing:1.5px;color:#fff;text-shadow:-1px -1px 0 #0a4878,1px -1px 0 #0a4878,-1px 1px 0 #0a4878,1px 1px 0 #0a4878,0 2px 3px rgba(0,0,0,.25);user-select:none}.cp-window-bar>span:first-child{min-width:0;overflow-wrap:break-word}.cp-window-x{width:26px;height:26px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ff7a6e,#e53935 55%,#b71c1c);border:2px solid #ffd2cc;outline:2px solid #7a1010;border-radius:50%;color:#fff;font-family:var(--font-main);font-size:15px;font-weight:800;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.4);box-shadow:inset 0 1px #ffffff80,0 2px 3px #0000004d;cursor:pointer}.cp-window-body{background:var(--cp-panel);padding:20px}.cp-card{background:var(--cp-white);border:3px solid var(--cp-frame-light);outline:3px solid var(--cp-outline);border-radius:16px;box-shadow:0 8px 24px #0628504d}.cp-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#4ab8f5,#1e88e5 35%,#1060c8 65%,#0848a0);color:var(--cp-white);font-family:var(--font-display);font-weight:400;font-size:1rem;letter-spacing:1px;padding:10px 26px;border:3px solid var(--cp-frame-light);border-radius:30px;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.4);transition:transform .12s,box-shadow .12s;box-shadow:0 5px #062866,0 7px 14px #00000040,inset 0 1px #fff6;user-select:none;white-space:nowrap}.cp-btn:before{content:"";position:absolute;top:3px;left:10%;width:80%;height:42%;background:linear-gradient(180deg,#ffffff73,#fff0);border-radius:50%;pointer-events:none}.cp-btn:hover{transform:translateY(-3px);box-shadow:0 8px #062866,0 10px 18px #0000004d,inset 0 1px #fff6}.cp-btn:active{transform:translateY(2px);box-shadow:0 2px #062866,inset 0 2px 4px #0000004d}.cp-btn.yellow{background:linear-gradient(180deg,#ffe87a,#f5c800 40%,#e09600,#c07800);color:#5a3000;border-color:#fff2b8;text-shadow:0 1px 2px rgba(255,255,255,.4);box-shadow:0 5px #7a4800,0 7px 14px #00000040,inset 0 1px #ffffff80}.cp-btn.yellow:hover{box-shadow:0 8px #7a4800,0 10px 18px #0000004d,inset 0 1px #ffffff80}.cp-btn.yellow:active{box-shadow:0 2px #7a4800,inset 0 2px 4px #0000004d}.section-title{font-family:var(--font-display);font-size:2.4rem;font-weight:400;letter-spacing:3px;color:var(--cp-white);text-align:center;margin-bottom:2rem;text-shadow:-2px -2px 0 var(--cp-outline),2px -2px 0 var(--cp-outline),-2px 2px 0 var(--cp-outline),2px 2px 0 var(--cp-outline),-2px 0 0 var(--cp-outline),2px 0 0 var(--cp-outline),0 -2px 0 var(--cp-outline),0 2px 0 var(--cp-outline),0 4px 6px rgba(0,0,0,.3)}.cp-room{min-height:100vh;position:relative;background:linear-gradient(180deg,var(--cp-sky-top) 0%,#a5ddf5 55%,var(--cp-sky-bottom) 100%);overflow:hidden}.cp-room:after{content:"";position:absolute;bottom:0;left:-10%;width:120%;height:90px;background:linear-gradient(180deg,#fff,#e2f1fa);border-radius:50% 50% 0 0/55px 45px 0 0;box-shadow:0 -4px #fff9,0 -10px 24px #ffffff80;pointer-events:none}