img{-webkit-user-drag:none;user-select:none}:root{color-scheme:dark;--ink:#fbf9ff;--muted:#aaa5bd;--purple:#9e82ef;--pink:#df75aa}*{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(3px)saturate(.7);background:linear-gradient(90deg,#070514f7,#0f0a24c2,#070514f7),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 18% 22%,#a37aff2b,#0000 28%),radial-gradient(circle at 84% 72%,#ec6fad1c,#0000 26%);position:fixed;inset:0}button,select{font:inherit;color:inherit}.app{width:min(1120px,100% - 28px);margin:auto;padding:32px 0 50px}header{justify-content:space-between;align-items:end;margin:0 5px 22px;display:flex}.kicker{color:#cdbfff;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(40px,7vw,66px)/1 Georgia,Songti SC,serif}header p:last-child{color:var(--muted);margin:9px 0 0;font-size:12px}.ghost{cursor:pointer;backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff29;border-radius:11px;padding:10px 17px}.ghost[aria-pressed=true]{background:linear-gradient(135deg,#795cce,#be5d91)}.game-shell{backdrop-filter:blur(24px);background:#0e0a24cc;border:1px solid #ffffff21;border-radius:27px;grid-template-columns:210px minmax(400px,620px);justify-content:center;gap:22px;padding:22px;display:grid;box-shadow:0 35px 100px #0000006e}.panel{background:linear-gradient(145deg,#ffffff0f,#ffffff04);border:1px solid #ffffff1a;border-radius:18px;padding:19px}.stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stats div{border-bottom:1px solid #ffffff14;padding:12px 0}.stats span,.controls label{color:var(--muted);letter-spacing:.13em;font-size:9px;display:block}.stats strong{font-variant-numeric:tabular-nums;margin-top:3px;font-size:20px;display:block}.controls{gap:9px;margin-top:22px;display:grid}.controls select,.controls button,.upload{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}.controls .secondary{background:#ffffff0d;border:1px solid #ffffff1f;font-weight:500}.upload{text-align:center;background:#ffffff0e;color:#ddd2f3!important;letter-spacing:0!important;font-size:10px!important}.tip{color:var(--muted);margin:18px 0 0;font-size:9px;line-height:1.7}.tip i{background:#c2a9ff;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block;box-shadow:0 0 7px #c2a9ff}.play-area{--board-width:430px;--board-height:400px;background:radial-gradient(circle at 50% 24%,#8c69dd1a,#0000 34%),#05041080;border:1px solid #ffffff17;border-radius:20px;min-width:0;height:720px;position:relative;overflow:hidden}.board{width:var(--board-width);background:#0a081c;border:1px dashed #dbcdff52;border-radius:7px;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #00000061}.board img{object-fit:fill;opacity:.1;filter:saturate(.4);width:100%;height:100%;display:block}.tray{left:12px;right:12px;top:calc(48px + var(--board-height));border-top:1px solid #ffffff14;position:absolute;bottom:12px}.tray:before{content:"PIECES";color:#ffffff40;letter-spacing:.2em;font-size:8px;position:absolute;top:10px;left:5px}.piece{z-index:3;touch-action:none;cursor:grab;filter:drop-shadow(0 7px 7px #00000094);transition:filter .18s;position:absolute;top:0;left:0}.piece svg{width:100%;height:100%;display:block;overflow:visible}.piece-line{fill:none;stroke:#ffffff7a;stroke-width:1.2px;vector-effect:non-scaling-stroke}.piece:hover{z-index:8;filter:drop-shadow(0 9px 10px #000000b3)brightness(1.08)}.piece.dragging{z-index:20;cursor:grabbing;filter:drop-shadow(0 15px 13px #000000b3)brightness(1.1)}.piece.placed{z-index:2;cursor:default;filter:drop-shadow(0 1px 1px #00000040);animation:.25s snap}.piece.placed .piece-line{stroke:#ffffff2e}@keyframes snap{50%{filter:drop-shadow(0 0 12px #b99aff)brightness(1.25)}}.original{z-index:30;width:var(--board-width);aspect-ratio:var(--board-ratio);border:1px solid #ffffff40;border-radius:8px;position:absolute;inset:24px auto auto 50%;overflow:hidden;transform:translate(-50%);box-shadow:0 22px 65px #0000009e}.original[hidden]{display:none}.original img{object-fit:fill;width:100%;height:100%;display:block}.original span{letter-spacing:.17em;background:#080614b8;border-radius:6px;padding:5px 8px;font-size:8px;position:absolute;bottom:9px;right:9px}.modal{z-index:50;backdrop-filter:blur(14px);background:#050410bd;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(420px,100%);padding:37px 30px;animation:.42s show;box-shadow:0 30px 100px #0000008c}.modal-card>span{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<=760px){.app{padding-top:22px}.game-shell{grid-template-columns:1fr;padding:12px}.panel{padding:12px}.stats{float:left;width:35%}.controls{grid-template-columns:1fr 1fr;margin:0 0 0 38%}.controls label{grid-column:1/-1}.tip{clear:both;padding-top:12px}.play-area{height:680px}header{align-items:center}.ghost{font-size:11px}}@media (width<=480px){.play-area{height:610px}.controls{clear:both;margin-left:0;padding-top:12px}.stats{float:none;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}