@charset "UTF-8";
:root{color-scheme:dark;--gold:#e8c884;--muted:#b0a2c4;--ink:#f8f0e2;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",system-ui,sans-serif;background:#15101f;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:linear-gradient(90deg,#160f23bb,#160f2388),url('assets/temple.webp') center/cover fixed}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{border:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}.app{max-width:1110px;margin:auto;padding:0 36px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbbdd31c;margin-bottom:28px}.brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:2px}.brand span{font-size:9px;letter-spacing:2px;color:#c3b1c4;margin-left:14px}.tools{display:flex;gap:9px}.icon-button{background:#251c3488;border:1px solid #cfafdc30;border-radius:50%;height:38px;min-width:38px;display:flex;align-items:center;justify-content:center;font-size:21px}.icon-button span{font-size:8px;margin-left:3px}.icon-button:hover{background:#584264}.game-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:32px;align-items:stretch}.character-panel{position:relative;border-radius:18px;overflow:hidden;min-height:720px;background:#271831;border:1px solid #e8c88438}.character-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:48% 45%}.art-shade{position:absolute;inset:0;background:linear-gradient(180deg,#160d2999 0%,#160d2900 36%,#160d2900 62%,#160d29f5 99%)}.title-block{position:absolute;left:29px;top:30px;right:20px;text-shadow:0 2px 15px #180b23}.eyebrow{font-size:10px;letter-spacing:3.4px;color:var(--gold);font-weight:600}h1{font-family:var(--serif);font-size:34px;line-height:1.48;letter-spacing:4px;font-weight:500;margin:11px 0 9px}h1 strong{font-size:33px;font-weight:500;letter-spacing:2px}.title-block p{font-size:11px;letter-spacing:2px;color:#f4e3d0}.character-caption{position:absolute;bottom:27px;left:29px;right:20px}.character-name{font:22px var(--serif);letter-spacing:4px}.character-name small{font:9px system-ui;letter-spacing:2px;margin-left:10px;color:#ccb7d7}.character-caption p{font:18px var(--serif);margin:17px 0 20px}.character-tag{font-size:10px;color:#c6b9d0;letter-spacing:1.3px;display:flex;gap:7px;align-items:center}.status-dot{display:inline-block;border-radius:50%;height:5px;width:5px;background:#c7a7e8;box-shadow:0 0 8px #c7a7e866}.play-panel{min-width:0;padding:2px 0}.scorebar{display:flex;align-items:center;gap:22px;height:65px;margin-bottom:15px}.label{font-size:9px;letter-spacing:2.2px;color:var(--muted);display:block}.score-main{flex:1}.score-main strong{font-size:36px;font-weight:500;letter-spacing:1px;line-height:1.35;font-variant-numeric:tabular-nums}.best{text-align:right;margin-right:4px}.best .label{color:var(--gold)}.best strong{font-size:21px;font-weight:500;display:block;margin-top:8px;font-variant-numeric:tabular-nums}.power-panel{display:flex;gap:13px;padding:14px 17px 11px;background:linear-gradient(110deg,#402b4bce,#261e36ce);border:1px solid #cda86b38;border-radius:12px;margin-bottom:18px}.power-panel>img{align-self:center}.power-content{flex:1}.power-heading{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:#eee0fb}.power-heading #combo{font-size:17px;color:var(--gold);font-variant-numeric:tabular-nums}.power-heading small{font-size:8px;color:#bfa5d0;letter-spacing:1px}.power-track{height:5px;background:#140e21;border-radius:5px;margin:9px 0 7px;overflow:hidden}#power-fill{height:100%;width:0;background:linear-gradient(90deg,#ae80dd,#f1cf87);box-shadow:0 0 10px #f3bafa;transition:width .4s}.power-steps{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#9c86ae}.power-steps .active{color:#ffe3a1}.board-frame{padding:12px;border:1px solid #b294c159;border-radius:14px;background:linear-gradient(145deg,#503762c2,#271d35ea);box-shadow:0 12px 30px #08020f35,inset 0 0 0 4px #d3b4ee05;position:relative}#board{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;aspect-ratio:1;touch-action:none}.cell{min-width:0;aspect-ratio:1;background:#20172ee0;border:1px solid #9d7ead15;border-radius:5px;padding:0;position:relative;transition:background .12s,box-shadow .12s}.cell::after,.mini-cell::after{content:"";position:absolute;inset:20%;background:url('assets/lotus.svg') center/contain no-repeat;opacity:0}.filled::after,.mini-cell::after{opacity:.7}.filled,.mini-cell{background:linear-gradient(140deg,var(--light),var(--dark));border:1px solid var(--edge);box-shadow:inset 0 2px 1px #ffffff29,inset 0 -3px 3px #00000020,0 2px 5px #08011044}.color-1{--light:#a077d1;--dark:#69469e;--edge:#c0a0e7}.color-2{--light:#e2ba74;--dark:#a6763b;--edge:#f1d29b}.color-3{--light:#6eb6ae;--dark:#3c7c7b;--edge:#9cd9d0}.color-4{--light:#cd84a3;--dark:#91486f;--edge:#e8b0cc}.cell.preview{background:var(--light);opacity:.62;border:2px solid #fff2c3;box-shadow:0 0 12px #e2b1fc88}.cell.invalid{background:#bb5c67;opacity:.7}.cell.hinted{box-shadow:inset 0 0 0 2px var(--gold),0 0 14px #e8c88466;animation:hint 1s ease-in-out infinite alternate}.tray-heading{display:flex;justify-content:space-between;margin:21px 2px 10px;font-size:10px;color:#d7c6e3;letter-spacing:1px}.tray-heading span+span{font-size:9px;color:#a493b4;letter-spacing:0}#tray{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.piece{min-height:103px;border:1px solid #b999d533;border-radius:11px;background:#291e3ac2;display:flex;align-items:center;justify-content:center;touch-action:none;position:relative;transition:border-color .16s,background .16s}.piece:hover{background:#3d2b50}.piece.selected{border-color:var(--gold);background:#48345188;box-shadow:0 0 15px #e0b78413}.piece:disabled{background:#1e162b66;border-style:dashed;color:#826d9b}.piece.used::after{content:'✧';font-size:24px;opacity:.5}.mini-grid{display:grid;gap:3px;pointer-events:none}.mini-cell{width:23px;height:23px;border-radius:4px;position:relative}.mini-cell.empty{visibility:hidden}.piece-number{position:absolute;top:7px;left:9px;font-size:8px;color:#ad96c1}.instruction{text-align:center;font-size:10px;letter-spacing:.4px;color:#cabbd9;min-height:16px;margin:15px 0 11px}.bottom-controls{border-top:1px solid #b390c720;display:flex;align-items:center;justify-content:space-between;padding-top:12px;font-size:9px;color:#a393b5}.bottom-controls .status-dot{margin-right:5px;background:#92bbb0}.bottom-controls button{font-size:11px;color:var(--gold);background:transparent;padding:7px 13px;border:1px solid #dab47638;border-radius:20px}footer{text-align:center;font-size:9px;letter-spacing:.6px;color:#b19ebe;padding:26px 0 22px}footer span{margin:0 10px;color:#735b85}#effects{position:absolute;inset:12px;pointer-events:none;overflow:hidden}.spark{position:absolute;width:9px;height:9px;border-radius:2px;background:#ffe2a5;box-shadow:0 0 12px #e4b2ff;animation:spark .65s ease-out forwards}#celebration{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;opacity:0;z-index:4;text-shadow:0 0 25px #2a123d,0 3px 3px #281537}#celebration.show{animation:celebrate 1.1s ease-out both}#celebration-text{font: bold 45px var(--serif);color:#ffedbb}#celebration-sub{font-size:15px;letter-spacing:2px;margin-top:10px;color:#fff3d2}#cutin{position:absolute;inset:12% -10px 12%;overflow:hidden;pointer-events:none;z-index:3;opacity:0;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold);background:#311847;box-shadow:0 0 40px #bd84caaa}#cutin.show{animation:cutin 1.2s both}#cutin img{width:100%;height:100%;object-fit:cover;object-position:center 24%;opacity:.82}#cutin>div{position:absolute;right:24px;bottom:23px;text-shadow:0 2px 15px #160420}#cutin small{display:block;color:#f7deab;letter-spacing:7px}#cutin strong{font: bold 53px var(--serif);color:#fff0c3}dialog{width:min(480px,calc(100% - 32px));border:1px solid #c3a17a66;border-radius:20px;background:#251a34;color:var(--ink);padding:35px;box-shadow:0 25px 100px #0009;text-align:center}dialog::backdrop{background:#0d071dcc;backdrop-filter:blur(7px)}dialog h2{font:23px var(--serif);line-height:1.6}dialog>.close-dialog:not(.primary):not(.secondary){position:absolute;right:13px;top:8px;background:none;color:#cbb9dd;font-size:25px}.dialog-lotus{display:block;width:64px;margin:0 auto 18px}.help-steps{text-align:left;margin:24px 0}.help-steps p{display:flex;gap:15px;font-size:13px;line-height:1.6}.help-steps b{color:var(--gold);font-size:18px;font-weight:400}.help-steps small{display:block;font-size:11px;color:#bfaed0;line-height:1.8;margin-top:5px}.dialog-note{font-size:11px;color:#c1aed2;line-height:1.9}.primary{width:100%;padding:15px 18px;background:linear-gradient(110deg,#efd49b,#c79e5c);border-radius:8px;color:#342034;font-weight:700;margin-top:17px;font-size:13px}.secondary{background:transparent;color:#d2bfdf;margin-top:15px;padding:8px}.result-art{width:105px;height:105px;object-fit:cover;object-position:50% 15%;border-radius:50%;display:block;border:2px solid var(--gold);margin:0 auto 22px}#result-score{display:block;font-size:48px;color:var(--gold);font-weight:400;margin:8px}.drag-ghost{position:fixed;z-index:10;pointer-events:none;opacity:.9;filter:drop-shadow(0 7px 12px #13052188)}.drag-ghost .mini-cell{width:var(--cell-size);height:var(--cell-size)}.drag-ghost .mini-grid{gap:5px}
@keyframes spark{to{transform:translate(var(--dx),var(--dy)) rotate(200deg);opacity:0}}@keyframes celebrate{0%{opacity:0;transform:scale(.8)}20%,65%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.08)}}@keyframes cutin{0%{opacity:0;transform:translateX(-35px)}15%,70%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(35px)}}@keyframes hint{to{filter:brightness(1.5)}}
@media(min-width:1400px){.app{padding-top:18px}.topbar{margin-bottom:36px}}@media(max-width:900px){.app{padding:0 22px}.game-layout{gap:22px;grid-template-columns:.9fr 1.1fr}.brand span{display:none}.title-block{left:21px}h1{font-size:29px}h1 strong{font-size:25px}.character-panel{min-height:650px}.mini-cell{width:20px;height:20px}.piece{min-height:93px}.character-caption{left:21px}.character-name small{display:block;margin:7px 0}.board-frame{padding:9px}#board{gap:4px}}
@media(max-width:650px){body{background-attachment:scroll}.app{padding:0 16px;max-width:470px}.topbar{height:59px;margin-bottom:14px}.brand{font-size:11px;gap:8px;letter-spacing:1px}.brand img{width:26px;height:26px}.icon-button{height:33px;min-width:33px;font-size:19px}.game-layout{display:flex;flex-direction:column;gap:13px}.character-panel{height:144px;min-height:144px;border-radius:12px}.character-art{width:64%;right:0;object-position:50% 20%}.art-shade{background:linear-gradient(90deg,#241630 12%,#241630f2 35%,#24163000 78%)}.title-block{top:15px;left:18px;right:auto}.title-block .eyebrow{font-size:7px;letter-spacing:2px}h1{font-size:24px;letter-spacing:3px;margin:5px 0 4px;line-height:1.4}h1 strong{font-size:24px;letter-spacing:1px}.title-block p{font-size:8px;letter-spacing:1px;margin-top:6px}.character-caption{display:none}.scorebar{height:49px;margin-bottom:10px;gap:18px}.score-main strong{font-size:29px}.best strong{font-size:19px;margin-top:3px}.label{font-size:8px}.power-panel{padding:9px 13px 8px;margin-bottom:12px;gap:10px}.power-panel>img{width:33px;height:33px}.power-heading{font-size:10px}.power-heading #combo{font-size:15px}.power-track{margin:6px 0}.power-steps{font-size:7px}.board-frame{padding:9px;border-radius:12px}#board{gap:4px}.cell{border-radius:4px}.tray-heading{margin:14px 2px 8px;font-size:9px}.tray-heading span+span{font-size:8px}.piece{min-height:84px}.mini-cell{width:21px;height:21px}.instruction{font-size:9px;margin:12px 0 7px}.bottom-controls{padding-top:8px}footer{font-size:7px;letter-spacing:0;padding:20px 0}footer span{margin:0 4px}dialog{padding:30px 23px}dialog h2{font-size:20px}#celebration-text{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}#celebration.show,#cutin.show{animation:none;opacity:1}}
@media(min-width:651px){.app{max-width:1010px}.topbar{height:66px;margin-bottom:22px}.scorebar{height:54px;margin-bottom:11px}.power-panel{padding-top:10px;padding-bottom:9px;margin-bottom:14px}.piece{min-height:88px}.tray-heading{margin-top:16px}.character-panel{min-height:650px}.title-block h1 strong{font-size:29px}}
@media(max-width:650px){.topbar{height:48px;margin-bottom:10px}.character-panel{height:100px;min-height:100px}.character-art{object-position:50% 13%}.title-block{top:10px;left:15px}.title-block .eyebrow{font-size:6px}h1,h1 strong{font-size:20px;line-height:1.25}.title-block p{font-size:7px;margin-top:4px}.game-layout{gap:8px}.scorebar{height:42px;margin-bottom:8px}.score-main strong{font-size:26px}.power-panel{padding-top:7px;padding-bottom:6px;margin-bottom:10px}.power-panel>img{width:30px;height:30px}.board-frame{width:min(100%,max(260px,calc(100svh - 530px)));margin:auto}.piece{min-height:70px}.mini-cell{width:19px;height:19px}.tray-heading{margin-top:11px}.instruction{margin-top:10px}.bottom-controls{padding-top:6px}.bottom-controls button{padding:6px 12px}}
.embedded body{min-height:0}.embedded .brand{display:none}.embedded .topbar{justify-content:flex-end}
@media(max-width:650px){.embedded .board-frame{width:min(100%,max(260px,calc(var(--host-height,844px) - 530px)))}}