:root{color-scheme:dark;--ink:#faf8ff;--muted:#aaa5bf;--violet:#9d80f7;--pink:#e77aae}img{-webkit-user-drag:none;user-select:none}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:#080617;margin:0;font-family:Inter,PingFang SC,system-ui,sans-serif}body:before{content:"";z-index:-2;filter:blur(2px)saturate(.6);background:linear-gradient(90deg,#070514f5,#0e0922ba,#070514f5),url(/assets/26%E7%94%9F%E6%97%A5%E6%B5%B7%E6%8A%A5-%E6%97%A0%E5%AD%97.png) 50% 35%/cover;position:fixed;inset:0}body:after{content:"";z-index:-1;background:radial-gradient(circle at 20% 25%,#ab7fff26,#0000 28%),radial-gradient(circle at 82% 68%,#ec6fad1a,#0000 25%);position:fixed;inset:0}button,select{font:inherit;color:inherit}.app{width:min(1040px,100% - 28px);margin:auto;padding:38px 0 50px}header{justify-content:space-between;align-items:end;margin:0 5px 24px;display:flex}.kicker{color:#cbbcff;letter-spacing:.24em;margin:0 0 7px;font-size:9px;font-weight:800}h1{letter-spacing:-.04em;text-shadow:0 0 28px #a97eff4d;margin:0;font:500 clamp(42px,7vw,68px)/1 Georgia,Songti SC,serif}header p:last-child{color:var(--muted);margin:9px 0 0;font-size:12px}.preview-button{cursor:pointer;backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff29;border-radius:11px;padding:10px 17px}.preview-button[aria-pressed=true]{background:linear-gradient(135deg,#8f6ae7cc,#d3689fbf)}.game-shell{backdrop-filter:blur(24px);background:#0e0a24c7;border:1px solid #ffffff21;border-radius:27px;grid-template-columns:210px minmax(300px,480px);justify-content:center;align-items:center;gap:20px;padding:22px;display:grid;box-shadow:0 35px 100px #0000006b}.side-panel{background:linear-gradient(145deg,#ffffff0f,#ffffff04);border:1px solid #ffffff1a;border-radius:18px;align-self:stretch;padding:20px}.stat{border-bottom:1px solid #ffffff14;padding:13px 0}.stat span{color:var(--muted);letter-spacing:.13em;font-size:9px;display:block}.stat strong{font-variant-numeric:tabular-nums;font-size:25px}.controls{gap:9px;margin-top:22px;display:grid}.controls label{color:var(--muted);letter-spacing:.13em;font-size:9px}.controls select,.controls button{cursor:pointer;background:#21183f;border:1px solid #ffffff21;border-radius:10px;width:100%;padding:10px}.controls button{background:linear-gradient(135deg,#8266d9,#c86498);border:0;font-weight:700}.rule{color:var(--muted);margin:19px 0 0;font-size:9px;line-height:1.7}.rule i{background:#c2a9ff;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block;box-shadow:0 0 7px #c2a9ff}.board-wrap{width:min(100%,440px);margin:auto;position:relative}.board{grid-template-columns:repeat(var(--size),1fr);grid-template-rows:repeat(var(--size),1fr);aspect-ratio:3/4;background:#070614c7;border:1px solid #ffffff29;border-radius:17px;gap:3px;width:100%;padding:4px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 55px #00000059}.empty-slot{background:radial-gradient(circle,#b18dff2e,#0000 65%);border-radius:5px;box-shadow:inset 0 0 18px #b692ff2e}.tile{z-index:1;cursor:pointer;background-image:url(/assets/26%E7%94%9F%E6%97%A5%E6%B5%B7%E6%8A%A5-%E6%97%A0%E5%AD%97.png);background-repeat:no-repeat;border:0;border-radius:5px;min-width:0;padding:0;transition:filter .2s,transform .16s;position:relative;box-shadow:inset 0 0 0 1px #ffffff29}.tile:hover{filter:brightness(1.12);transform:scale(.98)}.tile:focus-visible{outline-offset:-3px;outline:2px solid #fff}.tile:disabled{cursor:default}.original{z-index:5;background:#09071c;border:1px solid #fff3;border-radius:17px;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 60px #00000080}.original[hidden]{display:none}.original img{object-fit:cover;width:100%;height:100%;display:block}.original span{letter-spacing:.17em;backdrop-filter:blur(8px);background:#080614b3;border-radius:6px;padding:5px 8px;font-size:8px;position:absolute;bottom:12px;right:12px}.modal{z-index:20;backdrop-filter:blur(14px);background:#050410ba;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal-card{text-align:center;background:linear-gradient(145deg,#251b49,#11102d);border:1px solid #ffffff2e;border-radius:23px;width:min(430px,100%);padding:38px 30px;animation:.42s show;box-shadow:0 30px 100px #0000008c}.spark{color:#e3d5ff;text-shadow:0 0 25px #ae88ff;font-size:44px}.modal h2{margin:7px 0;font:500 29px Georgia,Songti SC,serif}.modal p:not(.kicker){color:var(--muted);font-size:12px}.modal button{cursor:pointer;background:linear-gradient(135deg,#896bdc,#cf699d);border:0;border-radius:11px;margin-top:11px;padding:11px 27px;font-weight:800}@keyframes show{0%{opacity:0;transform:translateY(15px)scale(.97)}}@media (width<=720px){.app{padding-top:24px}.game-shell{grid-template-columns:1fr;padding:12px}.side-panel{grid-template-columns:repeat(3,1fr);gap:8px;padding:11px;display:grid}.side-panel>.kicker,.controls,.rule{grid-column:1/-1}.stat{text-align:center}.stat strong{font-size:20px}.controls{grid-template-columns:1fr 1fr}.controls label{grid-column:1/-1}.board-wrap{max-width:420px}header{align-items:center}.preview-button{font-size:11px}}.upload-button{text-align:center;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff21;border-radius:10px;width:100%;padding:10px;display:block;color:#d8ccee!important;letter-spacing:0!important;font-size:10px!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}