:root{--blue:#77a9e8;--blue2:#9dc6f4;--ink:#4d70b6;--lav:#bca8ef;--pink:#f3b6d2;--paper:#fbfdff;--line:#9bc1ed;--shadow:#d7e5fa}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Courier New","Hiragino Kaku Gothic ProN","Yu Gothic",monospace;color:var(--ink);background:linear-gradient(160deg,#ddecff,#f7e9f5)}button{font:inherit;color:inherit}.page-shell{min-height:100vh;display:grid;place-items:center;padding:14px}.rotate-note{display:none}.game-window{position:relative;width:min(1500px,calc(100vw - 28px));aspect-ratio:16/10;min-height:580px;overflow:hidden;border:4px solid var(--line);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 0 0 7px rgba(255,255,255,.65),0 20px 70px rgba(74,105,170,.25);isolation:isolate}.game-window:before{content:"";position:absolute;inset:52px 0 0;z-index:20;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(89,137,204,.045) 0 1px,transparent 1px 4px)}.game-window.no-scan:before{display:none}.browser-bar{height:52px;display:flex;align-items:center;background:linear-gradient(90deg,#8b9eea,#c2b8f5 55%,#f4c9df);border-bottom:3px solid var(--blue);color:white;position:relative;z-index:30}.tab{height:100%;min-width:310px;padding:0 24px;display:flex;align-items:center;gap:10px;background:rgba(98,118,209,.42);clip-path:polygon(0 0,92% 0,100% 100%,0 100%);font-weight:bold;letter-spacing:1px}.browser-bar nav{margin-left:auto;display:flex;gap:25px;padding-right:25px}.browser-bar nav button{border:0;background:transparent;color:white;font-weight:bold;cursor:pointer;text-shadow:0 1px #718ac9}.window-buttons{display:flex;gap:8px;padding-right:14px}.window-buttons i{font-style:normal;width:34px;height:34px;display:grid;place-items:center;background:#f8fbff;color:#6c8ccc;border:2px outset white;box-shadow:2px 2px 0 #9fb6dc}.view{position:absolute;inset:52px 0 0;display:none}.view.active{display:block}.home{padding:14px 34px 72px;background:linear-gradient(rgba(255,255,255,.75),rgba(248,250,255,.92)),linear-gradient(90deg,transparent 31px,rgba(134,172,224,.09) 32px),linear-gradient(transparent 31px,rgba(134,172,224,.09) 32px);background-size:auto,32px 32px,32px 32px}.ambient-icons span{position:absolute;font-size:44px;opacity:.72}.folder{left:15%;top:5%}.wifi{right:15%;top:6%;font-size:68px!important}.s1{left:7%;top:22%}.s2{right:7%;top:24%}.s3{right:32%;top:8%}.logo-zone{text-align:center;position:relative;height:38%}.angel-cat{position:absolute;top:1%;left:50%;transform:translateX(-50%);font-size:22px;color:#769de0;white-space:nowrap}.cat-face{display:inline-grid;place-items:center;width:52px;height:42px;border:3px solid currentColor;border-radius:45% 45% 38% 38%;background:white;font-size:30px}.wings{font-size:44px}.plug{font-size:22px}.main-logo{margin:56px auto 0;display:flex;justify-content:center;align-items:flex-end;gap:.02em;font-size:clamp(54px,7vw,112px);line-height:.85;letter-spacing:-.14em;color:white;-webkit-text-stroke:clamp(2px,.28vw,5px) #6f9edc;text-shadow:5px 5px 0 #d7c8f1,10px 10px 0 rgba(126,166,224,.2);font-weight:900}.main-logo .pink{color:#fff5fb;text-shadow:5px 5px 0 #efbdd4,10px 10px 0 rgba(126,166,224,.15)}.screen-glyph{font-size:.8em;border:6px solid #7aa4df;border-radius:16px;padding:.05em .13em;color:#f5c4da;background:#dcecff;-webkit-text-stroke:0;text-shadow:none;margin-left:.15em}.subtitle{font-size:clamp(13px,1.3vw,24px);letter-spacing:.45em;font-weight:bold;margin-top:14px}.tagline{display:inline-block;margin-top:12px;padding:8px 30px;border:2px solid #a4c2eb;border-radius:999px;background:rgba(255,255,255,.8);font-size:clamp(12px,1vw,18px)}.title-stage{height:55%;position:relative;display:flex;align-items:end}.girls-row{position:absolute;inset:auto 1% 0;display:flex;justify-content:space-between;align-items:end;height:100%;padding-top:5%}.girl-sprite{position:relative;width:9.4%;height:88%;display:flex;align-items:end;justify-content:center;cursor:pointer;transition:.16s ease;filter:saturate(.95) contrast(1.04);mix-blend-mode:multiply}.girl-sprite:hover{transform:translateY(-14px) scale(1.06);filter:saturate(1.2) contrast(1.1) drop-shadow(0 9px 3px rgba(108,147,205,.17))}.girl-sprite img{width:100%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}.girl-sprite:nth-child(3),.girl-sprite:nth-child(4){margin-right:15%}.menu-card{position:absolute;left:50%;bottom:17%;transform:translateX(-50%);width:22%;min-width:270px;padding:18px;background:rgba(255,255,255,.9);border:3px solid #9db9e8;box-shadow:5px 5px 0 #d6def6;z-index:5}.menu-item{display:block;width:100%;border:0;background:transparent;padding:8px;font-size:clamp(16px,1.7vw,29px);letter-spacing:.08em;cursor:pointer}.menu-item:hover,.menu-item.selected{background:linear-gradient(90deg,#eef6ff,#fff1f7);color:#9c78d6}.hud{position:absolute;left:0;right:0;bottom:0;height:72px;padding:9px 28px;display:grid;grid-template-columns:240px 1fr 260px;gap:22px;align-items:center;border-top:3px solid #aac5e9;background:linear-gradient(90deg,#eef6ff,#f7f1ff,#fff0f6)}.hud-box,.hud-message{height:48px;border:2px solid #a7bfe7;background:rgba(255,255,255,.75);display:flex;align-items:center;justify-content:center;gap:12px}.pixel-cat{font-size:26px}.hearts{color:#e894bd}.hud-message{letter-spacing:.11em;font-weight:bold}.currency{justify-content:space-around}.panel-view{padding:24px;background:linear-gradient(rgba(250,252,255,.92),rgba(247,244,255,.95)),linear-gradient(90deg,transparent 23px,rgba(109,157,219,.09) 24px),linear-gradient(transparent 23px,rgba(109,157,219,.09) 24px);background-size:auto,24px 24px,24px 24px}.panel-title{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(90deg,#829ae2,#c3b8f3,#f3c2d9);color:white;border:3px solid #7898d5;letter-spacing:.1em}.panel-title button{width:34px;height:30px;background:#fff;border:2px outset white;cursor:pointer}.ocean-map{position:relative;height:calc(100% - 110px);margin-top:16px;border:3px solid #98b7e5;background:linear-gradient(#eaf5ff 0 52%,#c7e4ff 53% 55%,#dff0ff 56%);overflow:hidden}.ocean-map:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;background:repeating-linear-gradient(170deg,rgba(112,167,222,.45) 0 3px,transparent 3px 18px)}.map-cloud{position:absolute;width:150px;height:44px;border-radius:50%;background:white;opacity:.75}.c1{left:13%;top:15%}.c2{right:18%;top:24%}.search-node{position:absolute;width:62px;height:62px;border:3px solid #80a7df;background:white;box-shadow:5px 5px 0 #d3e2f7;color:#6f93cf;font-size:28px;cursor:pointer;z-index:4}.search-node:hover{transform:scale(1.15);background:#fff0f7}.n1{left:10%;top:18%}.n2{left:28%;top:55%}.n3{left:43%;top:22%}.n4{left:57%;top:60%}.n5{left:75%;top:22%}.n6{left:88%;top:50%}.n7{left:18%;top:70%}.n8{left:67%;top:38%}.n9{left:36%;top:72%}.n10{left:82%;top:72%}.ocean-copy{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);text-align:center;background:rgba(255,255,255,.84);padding:22px 45px;border:3px solid #9cbce7;z-index:3}.panel-footer{height:48px;display:flex;justify-content:space-between;align-items:center;border:2px solid #a4bee7;border-top:0;padding:0 18px;background:#f7faff}.panel-footer button,.soft-button{border:2px solid #8eb0e2;background:linear-gradient(#fff,#edf5ff);padding:8px 18px;box-shadow:3px 3px 0 #d2def3;cursor:pointer}.archive-grid{height:calc(100% - 100px);display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:18px;overflow:auto}.archive-card{position:relative;border:3px solid #9ebce6;background:rgba(255,255,255,.86);padding:10px;text-align:center;min-height:210px}.archive-card img{width:100%;height:155px;object-fit:contain;mix-blend-mode:multiply}.archive-card.locked img{filter:grayscale(1) brightness(0) opacity(.12)}.archive-card h3{margin:5px 0 0;font-size:15px}.archive-card small{color:#b184d5}.text-panel article{max-width:800px;margin:50px auto;padding:36px;border:3px solid #a4bee7;background:rgba(255,255,255,.86);box-shadow:8px 8px 0 #d9e4f6;line-height:2}.modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(73,93,140,.35);z-index:100;padding:20px}.modal.open{display:grid}.modal-window{width:min(720px,94vw);background:#fbfdff;border:4px solid #8faee0;box-shadow:12px 12px 0 rgba(110,132,185,.25)}.modal-body{display:grid;grid-template-columns:45% 1fr;gap:20px;padding:22px}.modal-body img{width:100%;height:360px;object-fit:contain;mix-blend-mode:multiply}.modal-body h2{font-size:32px}.modal-body p{line-height:1.8}
@media(max-width:760px){.page-shell{padding:0;align-items:start}.rotate-note{display:block;width:100%;padding:7px;text-align:center;background:#6f8fd0;color:white;font-size:11px}.game-window{width:100vw;min-height:calc(100vh - 28px);aspect-ratio:auto;border-radius:0;border-width:0;box-shadow:none}.browser-bar{height:48px}.tab{min-width:220px;font-size:12px;padding-left:12px}.browser-bar nav{display:none}.window-buttons i{width:30px;height:30px}.view{inset:48px 0 0}.home{padding:8px 8px 86px;overflow:auto}.logo-zone{height:auto;min-height:260px}.main-logo{margin-top:66px;font-size:13vw;letter-spacing:-.16em}.screen-glyph{border-width:3px}.subtitle{font-size:11px;margin-top:14px}.tagline{font-size:11px;margin-top:11px;padding:7px 13px}.title-stage{height:680px;display:block}.girls-row{position:relative;inset:auto;display:grid;grid-template-columns:repeat(5,1fr);height:520px;padding:0 5px;align-items:end}.girl-sprite{width:100%;height:250px}.girl-sprite:nth-child(3),.girl-sprite:nth-child(4){margin-right:0}.menu-card{bottom:5px;width:82%;min-width:0}.menu-item{font-size:18px}.hud{position:fixed;height:64px;grid-template-columns:1fr 1.3fr;padding:7px;gap:7px}.currency{display:none}.hud-message{font-size:10px}.hud-box{font-size:11px}.panel-view{padding:8px 8px 70px;overflow:auto}.ocean-map{height:640px}.archive-grid{grid-template-columns:repeat(2,1fr);height:auto}.archive-card{min-height:240px}.modal-body{grid-template-columns:1fr}.modal-body img{height:300px}}