:root{color-scheme:dark;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;background:#101832;color:#f6f3e9}*{box-sizing:border-box}body{margin:0;min-width:300px;background:radial-gradient(ellipse at 50% -20%,#344271 0,#172445 48%,#101832 100%)}button{font:inherit;cursor:pointer}a{color:inherit}.site-wrap{max-width:1160px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.site-header{height:58px;border-bottom:1px solid #ffffff22;background:#0a1430aa}.site-header .site-wrap{height:100%}.site-header a{text-decoration:none;font-size:.85rem}.brand{font-weight:900;font-size:1rem!important}.page-title{text-align:center;padding:26px 16px 20px}.page-title span,.small-label{font-size:.7rem;font-weight:900;letter-spacing:.17em;color:#f5d998}.page-title h1{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:.08em;margin:6px 0}.page-title p{margin:0;color:#cbd5ee;font-size:.91rem}.game-shell{position:relative;isolation:isolate;max-width:1040px;min-height:690px;margin:0 auto;border:2px solid #7794c2;border-radius:22px;box-shadow:0 24px 70px #050d29aa,inset 0 0 0 4px #142854;background:linear-gradient(#273960aa,#121d42 58%,#0f1a3c);overflow:hidden;outline:none}.game-shell:focus-visible{box-shadow:0 0 0 4px #e7c574,0 24px 70px #050d29aa}.sky{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 76% 10%,#7090b950 0,transparent 36%),radial-gradient(ellipse at 14% 88%,#2f668370 0,transparent 28%)}.moon{position:absolute;right:12%;top:16px;width:96px;aspect-ratio:1;border-radius:50%;background:#fff3c6;box-shadow:0 0 25px #fff2bc,0 0 90px #c5d5fd}.moon:after{content:"";position:absolute;inset:9px -12px 9px 26px;border-radius:50%;background:#30456b}.star{position:absolute;width:3px;height:3px;background:white;box-shadow:0 0 9px 2px white;border-radius:50%}.star-a{top:15%;left:10%}.star-b{top:32%;left:83%}.star-c{top:68%;left:92%}.star-d{top:75%;left:5%}.star-e{top:8%;left:60%}.game-top{display:flex;align-items:center;justify-content:space-between;padding:23px 28px 13px;border-bottom:1px solid #ffffff22;background:#101e4199}.game-top h2{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(1.25rem,3vw,1.8rem);margin:4px 0 0}.floor-counter{font-size:1.65rem;color:#f4d893;font-weight:900}.floor-counter small{font-size:.8rem;color:#aebad9}.game-body{display:grid;grid-template-columns:minmax(0,680px) minmax(198px,1fr);gap:24px;padding:18px 28px 10px}.board-frame{min-width:0;padding:12px;border:1px solid #91a8cf88;border-radius:18px;background:linear-gradient(155deg,#42618777,#102346cc);box-shadow:inset 0 0 32px #071532}.board-labels,.board-bottom{display:flex;justify-content:space-between;align-items:center;color:#c9d7f4;font-size:.74rem;font-weight:800;padding:1px 7px 8px}.board-bottom{padding:8px 7px 1px;gap:8px;flex-wrap:wrap}.board{position:relative;width:min(100%,518px);aspect-ratio:1;margin:auto;border:3px solid #a1bdde;border-radius:12px;background:radial-gradient(circle at 50% 38%,#214773,#112852 65%,#0b1c42);box-shadow:inset 0 0 35px #05112a,0 5px 24px #040e25;overflow:hidden}.board:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(14.2857% - 1px),#b7d4fd28 calc(14.2857% - 1px),#b7d4fd28 14.2857%),repeating-linear-gradient(0deg,transparent 0,transparent calc(14.2857% - 1px),#b7d4fd28 calc(14.2857% - 1px),#b7d4fd28 14.2857%);z-index:1}.cells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr)}.cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;z-index:2;border:0;background:transparent;color:#fff}.cell.mirror{cursor:pointer}.cell.mirror:focus-visible{outline:3px solid #ffe0a1;outline-offset:-4px;z-index:5}.cell.mirror.selected:before{content:"";position:absolute;inset:7%;border:2px solid #ffe7ab;border-radius:10px;background:#fce4a316;box-shadow:0 0 15px #f5dd93aa}.cell.mirror:hover:before{content:"";position:absolute;inset:7%;border:2px solid #bcebf2;border-radius:10px}.mirror-disc{position:relative;display:grid;place-items:center;width:73%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#476a99,#172b56 65%,#0a173b);border:2px solid #d5b978;box-shadow:0 3px 10px #020b27,inset 0 0 7px #d7ebfa6c;transition:transform .17s}.mirror-disc:after{content:"";position:absolute;width:78%;height:10%;border-radius:100%;background:linear-gradient(#fffef8,#aee5f3 55%,#769ac3);box-shadow:0 0 8px #efffff;transform:rotate(-45deg)}.cell.mirror[data-slash="back"] .mirror-disc:after{transform:rotate(45deg)}.cell.mirror:active .mirror-disc{transform:scale(.9)}.cell.stone:after{content:"◆";color:#637b9f;font-size:clamp(17px,4vw,36px);text-shadow:0 3px 3px #020d28,0 -1px #b4b8a1}.cell.ornament:after{content:"✧";color:#ffffff13;font-size:24px}.source,.goal{position:absolute;z-index:4;display:grid;place-items:center;width:12%;height:12%;top:calc((var(--row) + .5)*100% / 7);transform:translateY(-50%);font-size:clamp(18px,3vw,31px);border-radius:50%;color:#17244a;background:#f9e5a5;box-shadow:0 0 10px #ffe596,0 0 25px #ffe596}.source{left:-4.5%}.goal{right:-4.5%;background:#aef1e9;box-shadow:0 0 10px #9dfff6,0 0 25px #9dfff6}.goal.lit{background:#fff9c3;box-shadow:0 0 20px #fef49a,0 0 50px #fef49a}#beam{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.beam-halo{fill:none;stroke:#f8eaa3;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;filter:blur(7px);opacity:.8}.beam-core{fill:none;stroke:#fff9d5;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #f8eaa3)}.beam-end{fill:#fff6c7;filter:drop-shadow(0 0 13px white)}.side-panel{display:flex;flex-direction:column;gap:13px}.story-card,.status-card,.control-card{padding:16px;border:1px solid #89a9d05c;border-radius:13px;background:#0d1b3ac9;box-shadow:0 5px 13px #06132b44}.story-card p{line-height:1.6;font-family:Georgia,"Yu Mincho",serif;font-size:1rem;margin:9px 0 0}.status-card{border-color:#eccd8777;background:#40396499}.status-card p{line-height:1.5;margin:7px 0 0;font-size:.88rem}.control-card{margin-top:auto}.control-card strong{color:#ffe5a4}.control-card p{font-size:.78rem;line-height:1.7;margin:7px 0}.control-card kbd{display:inline-block;min-width:20px;padding:0 3px;border:1px solid #a6bdd5;border-bottom-width:3px;border-radius:4px;text-align:center;font-size:.7rem;color:#f7f2d9}.game-actions{display:flex;gap:12px;justify-content:center;padding:10px 20px 22px}.game-actions button,.overlay button{min-height:46px;padding:10px 17px;border-radius:11px;border:1px solid #91a8cc;background:#203b66;color:#f8f5ea;font-weight:900}.game-actions button.primary,.overlay button.primary{border-color:#fff0b4;background:linear-gradient(#f8d98a,#c5954a);color:#172142;box-shadow:0 6px 0 #7f5b35}.game-actions button:hover,.overlay button:hover{filter:brightness(1.12)}button:focus-visible{outline:3px solid #fff4ad;outline-offset:3px}button small{font-size:.68rem;opacity:.8}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#06122bdc;backdrop-filter:blur(5px)}.overlay[hidden]{display:none}.overlay-card{text-align:center;width:min(100%,480px);padding:28px 26px 32px;border:2px solid #e5ce90;border-radius:22px;background:radial-gradient(ellipse at top,#415d88,#14254b 67%);box-shadow:0 22px 65px #000b, inset 0 0 32px #96b3d332}.overlay-glyph{font-size:3.5rem;color:#fff1b6;text-shadow:0 0 24px #ffeaa5}.overlay-card h3{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(1.6rem,4vw,2.3rem);margin:8px 0 14px}.overlay-card p{font-size:.91rem;line-height:1.7;color:#ecf0f9}.overlay-card button{margin-top:12px;min-width:200px}.below{max-width:1040px;margin:15px auto 35px;padding:0 18px;text-align:center;color:#c7d2e6;font-size:.77rem;line-height:1.7}footer{border-top:1px solid #ffffff20;padding:25px 0;color:#b8c9e5;font-size:.77rem}footer .site-wrap{gap:20px;justify-content:center;flex-wrap:wrap}footer a{text-decoration:none}footer small{margin-left:auto}@media(max-width:760px){.page-title{padding:17px 14px 13px}.game-shell{margin:0 10px;min-height:0}.game-top{padding:16px 16px 10px}.game-body{grid-template-columns:1fr;gap:10px;padding:11px 12px}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-card{grid-column:1 / -1}.story-card,.status-card,.control-card{padding:10px}.story-card p,.status-card p{font-size:.76rem;margin:4px 0}.control-card p{display:inline-block;margin:3px 7px 0 0;font-size:.7rem}.game-actions{padding:8px 12px 17px}.game-actions button{flex:1;padding:8px;font-size:.77rem}.board-frame{padding:7px}.board-bottom,.board-labels{font-size:.65rem}}@media(max-width:380px){.site-header a{font-size:.72rem}.page-title h1{font-size:1.8rem}.game-shell{margin:0 5px;border-radius:14px}.game-top h2{font-size:1.11rem}.game-body{padding:7px}.board-frame{padding:5px}.side-panel{grid-template-columns:1fr}.story-card{display:none}.control-card p{font-size:.66rem}.game-actions{gap:6px}.game-actions button{font-size:.69rem;padding:6px}.board-bottom span:first-child{display:none}}@media(prefers-reduced-motion:reduce){.mirror-disc{transition:none}}
@media(max-width:760px){.overlay{align-items:start;padding-top:18px}.overlay-card{padding:18px 18px 22px}.overlay-glyph{font-size:2.4rem}.overlay-card h3{margin:3px 0 8px}.overlay-card p{margin:8px 0;line-height:1.5}}
@media(min-width:761px){.overlay{align-items:start;padding-top:32px}}