:root{--bg:#f6efe4;--panel:#fffbf5b8;--ink:#2b2420;--muted:#7a6d63;--line:#e2d5c4;--accent:#e0218a;--accent-2:#ff8a3d;--accent-ink:#fff;--red:#c4372f;--grad:linear-gradient(120deg, var(--accent), var(--accent-2));--shadow:0 10px 30px -12px #50281440;--sans:"PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif}*{box-sizing:border-box}html{overflow-x:hidden}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--sans);margin:0;line-height:1.6;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;filter:blur(80px);opacity:.35;pointer-events:none;border-radius:50%;width:60vmax;height:60vmax;position:fixed}body:before{background:radial-gradient(circle,#ffb3d6,#0000 65%);animation:22s ease-in-out infinite alternate drift;top:-25vmax;left:-15vmax}body:after{background:radial-gradient(circle,#ffd29e,#0000 65%);animation:28s ease-in-out infinite alternate-reverse drift;bottom:-30vmax;right:-20vmax}@keyframes drift{to{translate:12vmax 8vmax;scale:1.15}}a{color:var(--accent)}.wrap{max-width:880px;margin:0 auto;padding:32px 16px 48px}.box{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border:1px solid #ffffffb3;border-radius:16px;padding:22px}.btn{background:var(--grad);color:var(--accent-ink);font:inherit;cursor:pointer;border:0;border-radius:10px;padding:10px 20px;font-weight:700;text-decoration:none;transition:translate .2s,box-shadow .2s,opacity .2s;display:inline-block;position:relative;box-shadow:0 6px 18px -6px #e0218a99}.btn:hover:not(:disabled){translate:0 -2px;box-shadow:0 10px 24px -6px #e0218ab3}.btn:active:not(:disabled){translate:0 1px}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#fff9}.muted{color:var(--muted)}.error{color:var(--red)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack>*+*{margin-top:16px}h1{letter-spacing:.02em;margin:0;font-size:30px}h2{margin:0 0 12px;font-size:18px}.shine{background:linear-gradient(100deg, var(--ink) 0 40%, var(--accent) 48%, var(--accent-2) 52%, var(--ink) 60% 100%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite shine}@keyframes shine{0%,30%{background-position:100% 0}70%,to{background-position:0 0}}.seg{border:1px solid var(--line);background:#ffffff80;border-radius:12px;gap:3px;padding:3px;display:inline-flex}.seg label{cursor:pointer;border-radius:9px;padding:6px 14px;transition:background .25s,color .25s}.seg input{display:none}.seg label:has(input:checked){background:var(--ink);color:#fff}.drop{border:2px dashed var(--line);cursor:pointer;text-align:center;border-radius:14px;place-items:center;min-height:200px;padding:12px;transition:border-color .25s,background .25s;display:grid;position:relative;overflow:hidden}.drop:hover{border-color:var(--accent);background:#e0218a0a}.drop .icon{font-size:40px;animation:2.4s ease-in-out infinite bob;display:block}@keyframes bob{50%{translate:0 -6px}}.preview{border-radius:10px;line-height:0;position:relative;overflow:hidden}.preview img{max-width:100%;max-height:340px;display:block}.preview .cut{position:absolute;inset:0}.preview .scan{mix-blend-mode:screen;background:linear-gradient(#0000 0 40%,#e0218a59 50%,#0000 60% 100%) 0 0/100% 300%;animation:1.8s linear infinite scan;position:absolute;inset:0}@keyframes scan{0%{background-position:0 100%}to{background-position:0 0}}.list{margin:0;padding:0;list-style:none}.list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.list li:first-child{border-top:0}.tag{border:1px solid var(--line);white-space:nowrap;background:#ffffffb3;border-radius:99px;padding:2px 8px;font-size:12px}.steps{gap:6px;margin:0;padding:0;list-style:none;display:grid}.steps li{color:var(--muted);align-items:center;gap:10px;transition:color .3s;display:flex}.steps li .dot{border:2px solid var(--line);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:11px;transition:background .3s,border-color .3s;display:grid}.steps li.now{color:var(--ink);font-weight:600}.steps li.now .dot{border-color:var(--accent);border-top-color:#0000;animation:.8s linear infinite spin}.steps li.done .dot{background:var(--grad);color:#fff;border-color:#0000}@keyframes spin{to{rotate:360deg}}.linkbox{flex-wrap:wrap;gap:8px;display:flex}.linkbox input{min-width:200px;font:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;flex:1;padding:8px 10px}.play-head{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 16px 6px;display:flex}.play-head h1{font-size:24px}.play-head .stat{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.play-head .count{display:inline-block}.play-head .record{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.progress{background:#0000000f;border-radius:99px;height:4px;margin:0 16px 8px;overflow:hidden}.progress i{background:var(--grad);border-radius:inherit;height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1);display:block}.hintline{min-height:1.6em;color:var(--muted);padding:0 16px 8px;animation:.3s ease-out fade-up}.hintline b{color:var(--accent)}@keyframes fade-up{0%{opacity:0;translate:0 4px}}.stage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0 16px 16px;position:relative}.board{outline:2px dashed var(--line);outline-offset:3px;background:#ffffff80;border-radius:6px;transition:outline-color .6s;position:absolute;overflow:hidden}.board .ghost{opacity:0;background-size:100% 100%;position:absolute;inset:0}.board .sheen{pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffffa6 50%,#0000 70%);position:absolute;inset:0;translate:-120%}.done .board{outline:3px solid var(--accent);box-shadow:0 20px 50px -20px #e0218a99}.overlay{z-index:50000;pointer-events:none;position:absolute;top:0;left:0}.cut{position:absolute;inset:0;overflow:visible}.cut path{fill:none;stroke:#fff;stroke-width:2.5px;stroke-dasharray:1;stroke-linejoin:round;filter:drop-shadow(0 0 4px #e0218ae6);transition:stroke-opacity .25s,fill .25s}.cut.guide path{stroke-opacity:0}.tag-pop,.label{white-space:nowrap;pointer-events:none;border-radius:99px;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;transform:translate(-50%,-50%)}.tag-pop{background:var(--grad);color:#fff;box-shadow:0 4px 12px -2px #e0218a99}.label.crowded{padding:1px 6px;font-size:10px}.label{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14100e9e}.piece{transform-origin:0 0;cursor:grab;touch-action:none;filter:drop-shadow(0 3px 4px #0000004d);transition:filter .2s;position:absolute}@media (hover:hover){.piece:hover:not(.placed){filter:drop-shadow(0 8px 12px #00000059)brightness(1.06)}}.piece.placed{cursor:default;filter:none}.piece.dragging{cursor:grabbing;filter:drop-shadow(0 16px 18px #0006)brightness(1.05);transition:rotate .12s,filter .2s}.ripple{z-index:60000;border:3px solid var(--accent);pointer-events:none;border-radius:50%;position:absolute;box-shadow:0 0 18px #e0218a99}.spark{z-index:60000;pointer-events:none;border-radius:50%;width:7px;height:7px;margin:-3px 0 0 -3px;position:absolute}.confetti{z-index:100000;pointer-events:none;border-radius:2px;position:fixed}.result{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffbf5e0;border:1px solid #fff;border-radius:18px;gap:10px;width:min(360px,100vw - 32px);margin:0 auto 16px;padding:20px;display:grid;position:relative;box-shadow:0 24px 60px -20px #501e2873}@media (min-width:752px){.result{--card-w:min(340px, calc(38vw - 64px));width:var(--card-w);margin-left:max(16px, calc(16px + (var(--board-w,100vw) - var(--card-w)) / 2))}}.lb{text-align:left;gap:8px;display:grid}.lb-form{gap:8px;display:flex}.lb-form input{min-width:0;font:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;flex:1;padding:8px 10px;font-size:16px}.lb-rank{text-align:center;font-weight:600}.lb-rank b{color:var(--accent);font-size:22px}.lb-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.lb-list li{font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:10px;padding:4px 8px;display:flex}.lb-list li.me{background:#e0218a1a;font-weight:700}.lb-more{border-top:1px dashed var(--line);margin-top:6px}.lb-place{text-align:center;width:1.4em;color:var(--muted)}.lb-list li:first-child .lb-place{color:var(--accent);font-weight:800}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.result-num{font-variant-numeric:tabular-nums;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:800;line-height:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lang-bar{color:var(--muted);justify-content:flex-end;padding:6px 16px 0;font-size:13px;display:flex}.lang-bar+.wrap{padding-top:8px}.lang-toggle{align-items:center;gap:2px;display:flex}.lang-toggle button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 6px}.lang-toggle button.on{color:var(--accent);font-weight:600}