500;600;700&display=swap');
:root{font-family:"Noto Sans JP",sans-serif;color:#314550;background:#f7f4ed;--muted:#637984;--blue:#397b9a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 30%,#e0ecec88,transparent 60%)}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #d68652;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.96)}.shell{max-width:1140px;margin:auto;padding:24px 32px 10px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce4e3;padding-bottom:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.mark{display:grid;place-items:center;background:#dce9ed;color:var(--blue);font-size:38px;width:48px;height:48px;border-radius:16px;transform:rotate(-7deg)}small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.brand small{display:block;font-size:8px;margin-bottom:4px;letter-spacing:2px}.brand strong{font-size:17px;letter-spacing:1px}nav{display:flex;gap:8px}nav button{border:1px solid #d7e0df;background:#ffffff80;border-radius:24px;padding:9px 14px;font-size:12px}#albumCount{background:#dfebed;padding:3px 7px;border-radius:12px;margin-left:4px}.intro{text-align:center;padding:25px 0}.intro small{color:var(--blue);font-size:8px;letter-spacing:2px}h1{font-size:25px;letter-spacing:2px;margin:9px 0;font-weight:500}.intro p{font-size:12px;color:var(--muted);margin:0}.game-layout{display:grid;grid-template-columns:155px minmax(290px,350px) 270px;gap:30px;justify-content:center;align-items:start}.stats{padding-top:28px}.stage-label{padding-bottom:22px;border-bottom:1px solid #dce4e3}.stage-label strong{font-family:Georgia,serif;display:block;font-size:57px;font-weight:400}.stage-label strong span{font-size:16px;color:#8b9ba2;margin-left:12px}.stage-label p{font-size:11px;margin:5px 0}.goal{padding:23px 0 15px}.goal strong{display:block;font-size:38px;font-weight:500}.goal em{font-style:normal;font-size:12px;margin-left:8px}.progress{height:5px;background:#dce5e3;border-radius:4px;overflow:hidden;margin-top:12px}.progress i{display:block;height:100%;width:0;background:#64a99c;transition:width .3s}.goal p{font-size:11px;text-align:right;color:var(--muted);margin:6px 0}.score{padding:14px 0 16px;border-block:1px solid #dce4e3}.score strong{display:block;font-size:25px;letter-spacing:2px;font-weight:500;margin-top:6px}.score p{font-size:11px;color:var(--muted)}.next-box{margin-top:18px}#next{display:flex;gap:8px;margin-top:12px}#next svg{width:38px;height:49px}.stage-dots{display:flex;gap:7px;margin-top:22px}.stage-dots button{width:26px;height:26px;border-radius:50%;font-size:10px;background:#e5e9e6}.stage-dots .current{background:#397b9a;color:white}.stage-dots .done{background:#badacc}.board-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:9px;height:22px}.text-button{background:none;font-size:11px;padding:4px 0;color:var(--muted)}.board-wrap{position:relative;border:8px solid #fdfcf8;border-radius:24px;overflow:hidden;background:#e4edef;box-shadow:0 12px 35px #36536313,0 0 0 1px #d9e0df}canvas{display:block;width:100%;aspect-ratio:3/5;touch-action:none}.board-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#edf3f0dc;backdrop-filter:blur(5px)}[hidden]{display:none!important}.overlay-card{text-align:center;padding:20px;width:100%}.overlay-card h2{font-size:25px;line-height:1.6;font-weight:500;letter-spacing:2px;margin:17px 0}.overlay-card p{font-size:12px;line-height:1.9;color:#5c727e}.overlay-card>small:last-child{font-size:9px;display:block;margin-top:17px;letter-spacing:0}.sample-pair{display:flex;justify-content:center;gap:7px;margin:10px}.sample-pair svg{width:45px;height:60px;transform:rotate(-12deg)}.sample-pair svg:last-child{transform:rotate(12deg)}.primary{background:#397b9a;color:white;border-radius:14px;padding:14px 24px;font-size:13px;letter-spacing:.6px}.controls{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:8px;margin-top:14px}.controls button{border-radius:12px;background:#fffdf9;border:1px solid #d8e1df;min-height:47px;font-size:21px;touch-action:none;user-select:none}.controls .drop{font-size:11px;background:#dce9ed}.keyboard-hint{font-size:8px;color:#72858d;text-align:center;margin:10px 0}.aoi-panel{padding-top:31px}.portrait-card{height:365px;border-radius:90px 90px 18px 18px;overflow:hidden;position:relative;background:#e4eaeb}.portrait-card img{width:100%;height:100%;object-fit:cover;object-position:50% 23%}.portrait-card:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#203c4c99)}.photo-tag{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.5px;background:#ffffffc9;padding:6px 10px;border-radius:15px;white-space:nowrap}.photo-caption{position:absolute;bottom:23px;left:22px;z-index:1;color:white}.photo-caption small{font-size:8px;color:white}.photo-caption h2{font-size:21px;font-weight:500;letter-spacing:2px;margin:6px 0}.photo-caption p{font-size:10px;margin:0}.message-card{background:#fffdf7c9;border:1px solid #e3e5dc;border-radius:18px;padding:20px 24px;margin-top:17px}.message-card>span{font-family:Georgia;font-size:44px;line-height:.6;color:#a0beb9}.message-card p{font-size:12px;line-height:1.9;margin:6px 0}.reward-note{font-size:10px;color:var(--muted);line-height:1.8;text-align:center;margin-top:16px}footer{display:flex;justify-content:space-between;padding:21px 0 8px;font-size:9px;color:#889690}dialog{border:1px solid #dae2dc;border-radius:25px;padding:28px;background:#faf8f1;color:#314550;max-width:min(700px,94vw);max-height:92dvh;box-shadow:0 20px 100px #12334033}dialog::backdrop{background:#2039478f;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}dialog h2{font-size:22px;font-weight:500;margin:8px 0}dialog p,dialog li{font-size:13px;line-height:1.9}dialog li{margin-bottom:10px}dialog label{display:block;padding:15px 0;font-size:14px}.dialog-top button,.close{background:#ffffffd9;width:34px;height:34px;border-radius:50%;font-size:25px}.close{position:absolute;right:12px;top:12px;z-index:3}.reward-dialog{padding:0;width:660px;overflow:auto}.reward-dialog[open]{display:flex}.reward-video-wrap{width:52%;position:relative;background:#e7ece8}.reward-video-wrap video{width:100%;height:100%;display:block;object-fit:contain;min-height:390px;max-height:78dvh}.video-play{position:absolute;left:50%;bottom:18%;transform:translateX(-50%);white-space:nowrap}.reward-copy{width:48%;padding:60px 25px 24px;display:flex;flex-direction:column;justify-content:center}.reward-copy .primary{margin-top:20px}.reward-copy .text-button{margin-top:12px}.album-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}.album-item{padding:0;background:none;text-align:left}.album-item img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:12px}.album-item strong{font-size:11px;display:block;margin:8px 0}.album-item small{font-size:9px}.album-item.locked img{filter:blur(7px) grayscale(1);opacity:.4}.album-item.locked{overflow:hidden}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:10px 18px;border-radius:20px;background:#314550ed;color:white;font-size:12px;pointer-events:none;opacity:0;z-index:10}#toast.show{opacity:1}#burst{position:absolute;inset:30% 0 auto;text-align:center;font-size:28px;color:#397b9a;font-weight:700;text-shadow:0 2px white;pointer-events:none}.burst-animate{animation:burst .7s ease-out}@keyframes burst{0%{transform:scale(.8);opacity:0}20%{opacity:1;transform:scale(1.1)}100%{opacity:0}}.reduced *{animation:none!important;transition:none!important}.large p{font-size:15px}.large button{font-size:15px}
@media(max-width:950px){.game-layout{grid-template-columns:120px minmax(260px,330px) 210px;gap:20px}.portrait-card{height:315px}.shell{padding:20px}.brand strong{font-size:15px}}
@media(max-width:720px){.shell{padding:15px 14px 8px;max-width:460px}header{padding-bottom:14px}.mark{width:32px;height:32px;font-size:28px;border-radius:11px}.brand{gap:7px}.brand small{font-size:6px;letter-spacing:1px}.brand strong{font-size:11px;letter-spacing:0}nav{gap:4px}nav button{font-size:10px;padding:7px 8px}#albumCount{padding:2px 4px;margin-left:2px}.intro{padding:16px 0}.intro small{font-size:6px;letter-spacing:1.3px}h1{font-size:17px;letter-spacing:.3px}.intro p{font-size:10px}.game-layout{display:flex;flex-wrap:wrap;gap:0}.stats{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px;width:100%;padding:0 4px 8px}.stage-label{padding:0;border:0}.stats small{font-size:8px;letter-spacing:.5px}.stage-label strong{font-size:29px;line-height:1.2}.stage-label strong span{font-size:11px;margin-left:5px}.stage-label p{font-size:8px;margin:2px 0}.goal{padding:0}.goal strong{font-size:24px;line-height:1.3}.goal em{font-size:9px}.goal p{font-size:8px;margin:3px 0}.progress{margin-top:4px;height:4px}.score{padding:0;border:0;text-align:right}.score strong{font-size:20px;margin-top:0}.score p{font-size:8px;margin:2px}.next-box,.stage-dots{display:none}.play-column{width:min(100%,31.2dvh);min-width:240px;margin:auto}.board-top{margin-bottom:5px}.board-wrap{border-width:6px;border-radius:20px}.controls{margin-top:9px;gap:6px}.controls button{min-height:44px}.controls .drop{font-size:9px}.keyboard-hint{display:none}.overlay-card{padding:12px}.overlay-card h2{font-size:20px;margin:9px 0}.overlay-card p{font-size:10px;margin:8px 0}.sample-pair{margin:5px}.sample-pair svg{width:30px;height:40px}.overlay-card .primary{padding:12px 22px}.overlay-card>small:last-child{margin-top:10px;font-size:7px}.aoi-panel{display:flex;width:100%;padding:18px 0 0;gap:13px;align-items:center}.portrait-card{width:100px;height:135px;border-radius:36px 36px 12px 12px;flex-shrink:0}.photo-tag{font-size:5px;padding:3px 5px;top:8px}.photo-caption{bottom:10px;left:9px}.photo-caption small,.photo-caption p{display:none}.photo-caption h2{font-size:10px;letter-spacing:0}.message-card{flex:1;margin:0;padding:14px 16px}.message-card p{font-size:11px}.reward-note{display:none}footer{padding:15px 0}.reward-dialog[open]{display:block;width:330px}.reward-video-wrap{width:100%;height:50dvh}.reward-video-wrap video{height:100%;min-height:0}.reward-copy{width:100%;padding:15px 18px;text-align:center}.reward-copy h2{font-size:18px;margin:5px}.reward-copy p{margin:4px 0;font-size:12px}.reward-copy .primary{margin-top:9px;padding:12px}.reward-copy .text-button{margin-top:5px}.album-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:22px}.reward-dialog{padding:0}#burst{font-size:22px}}

@media(max-width:720px){.next-box{display:flex;grid-column:1/-1;align-items:center;gap:12px;margin:0;height:26px}.next-box small{font-size:7px}#next{margin:0;gap:8px}#next svg{width:20px;height:25px}.play-column{width:min(100%,29dvh)}.board-top{height:18px}}