*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#1a1020;font-family:Microsoft JhengHei,Noto Sans TC,sans-serif;color:#f8f0f4}.ttl-preview-wrap{min-height:100vh;display:grid;place-items:center;padding:16px}.ttl-preview-shell{display:flex;flex-direction:column;align-items:center;gap:12px}.ttl-preview-pager{display:flex;align-items:center;gap:16px;font-size:14px;color:#d8b8c8}.ttl-preview-pager button{min-height:44px;padding:8px 16px;border:1px solid #8866aa;background:#2a1838;color:#f8f0f4;border-radius:8px;cursor:pointer;transition:background .12s ease-out,transform .12s ease-out}.ttl-preview-pager button:disabled{opacity:.4;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.ttl-preview-pager button:hover:not(:disabled){background:#3a2850}}.ttl-preview-pager button:active:not(:disabled){transform:scale(.97)}.ttl-present-host{position:relative}.ttl-stage-frame{box-shadow:0 8px 40px #0000008c;border-radius:4px;overflow:hidden}.ttl-stage{position:relative;width:1920px;height:1080px;overflow:hidden;background:#1a1020 center/cover no-repeat}.ttl-stage--title{background-size:cover;background-position:center}.ttl-title-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(180deg,#14081840,#140818e0)}.ttl-title-panel{text-align:center;max-width:720px;padding:32px}.ttl-title-heading{margin:0 0 8px;font-size:96px;font-weight:900;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.85),0 0 40px rgba(245,168,200,.35)}.ttl-title-sub{margin:0 0 20px;font-size:36px;color:#fff7d6;text-shadow:0 2px 8px rgba(0,0,0,.7)}.ttl-title-tagline{margin:0 0 36px;font-size:22px;line-height:1.6;color:#e8d0e0;text-shadow:0 1px 6px rgba(0,0,0,.8)}.ttl-title-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.ttl-stage--play{background-image:var(--ttl-play-bg);background-size:cover;background-position:center bottom}.ttl-arena{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ttl-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:2}.ttl-field-ground-band{display:none}.ttl-field-lego-hazard{position:absolute;z-index:4;display:flex;align-items:flex-end;justify-content:center;transform:translate(-50%,-100%);pointer-events:none}.ttl-field-lego-block{background:#e63946;border:5px solid #ffffff;border-radius:5px;position:relative}.ttl-field-lego-stud{position:absolute;top:-20%;left:50%;transform:translate(-50%);background:#ff758f;border:3px solid rgba(255,255,255,.85);border-radius:50%}.ttl-field-reach-line{position:absolute;width:8px;z-index:8;pointer-events:none;transform:translate(-50%);background:repeating-linear-gradient(180deg,#ffffff 0,#ffffff 28px,transparent 28px,transparent 42px);box-shadow:0 0 0 3px #1a274480,0 0 12px #ffffff40}.ttl-field-foot{position:absolute;z-index:10;height:auto;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.ttl-arena:after{content:"";position:absolute;left:0;right:0;top:calc(var(--ttl-ground-y, 880px) - 48px);bottom:0;background-image:var(--ttl-ground, url(../assets/present/play-ground-tile.png));background-size:384px 384px;background-repeat:repeat-x;background-position:left bottom;-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 28%);mask-image:linear-gradient(180deg,transparent 0%,black 28%)}.ttl-stage--danger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 80px #ff3c5040;animation:ttl-danger-pulse .9s ease-out infinite alternate}@keyframes ttl-danger-pulse{0%{opacity:.5}to{opacity:1}}@media(prefers-reduced-motion:reduce){.ttl-stage--danger:before{animation:none;opacity:.75}}.ttl-portrait{position:absolute;left:var(--ttl-portrait-x, 26px);top:var(--ttl-portrait-y, 26px);width:var(--ttl-portrait-size, 371px);height:var(--ttl-portrait-size, 371px);z-index:20;pointer-events:none}.ttl-portrait-frame{width:100%;height:100%;border:var(--ttl-portrait-stroke, 4px) solid #f5a8c8;border-radius:4px;background:#0a0810;overflow:hidden;box-shadow:0 4px 20px #00000080}.ttl-portrait-img{width:100%;height:100%;object-fit:cover;object-position:center top}.ttl-stats{position:absolute;left:var(--ttl-stats-x, 692px);top:var(--ttl-stats-y, 28px);font-size:var(--ttl-stats-size, 28px);font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);z-index:20;pointer-events:none;padding:10px 18px;background:#0c0812c7;border:2px solid rgba(245,168,200,.45);border-radius:8px;box-shadow:0 2px 12px #00000059}.ttl-stats--danger{color:#faa;border-color:#ff6478b3;background:#20080cd9}.ttl-howto-btn--play{position:absolute;right:26px;bottom:26px;z-index:14;pointer-events:auto}.ttl-stage--gameover{background-size:cover;background-position:center}.ttl-gameover-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0c06108c}.ttl-gameover-panel{text-align:center;padding:40px 48px;background:#100814eb;border:2px solid rgba(245,168,200,.55);border-radius:12px;width:min(560px,88%);box-shadow:0 8px 40px #000000a6}.ttl-gameover-headline{margin:0 0 24px;font-size:72px;font-weight:900;color:#ff6b6b;text-shadow:0 2px 12px rgba(0,0,0,.8)}.ttl-gameover-stats{margin:0 0 32px;font-size:36px;line-height:1.6;color:#fff;white-space:pre-line;text-shadow:0 1px 6px rgba(0,0,0,.8)}.ttl-gameover-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.ttl-btn{min-height:44px;min-width:120px;padding:12px 28px;border:2px solid #8866aa;border-radius:10px;background:#2a1838;color:#f8f0f4;font-size:18px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .12s ease-out,border-color .12s ease-out,transform .12s ease-out}.ttl-btn--primary{background:linear-gradient(180deg,#f5a8c8,#d878a8);border-color:#f5a8c8;color:#1a1020;font-size:22px;padding:14px 40px}@media(hover:hover)and (pointer:fine){.ttl-btn:hover{background:#3a2850;border-color:#a8c}.ttl-btn--primary:hover{background:linear-gradient(180deg,#ffc0d8,#e888b0)}}.ttl-btn:active{transform:scale(.97)}.ttl-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#000000b8}.ttl-modal[hidden]{display:none}.ttl-modal-panel{width:min(520px,92vw);max-height:80vh;overflow-y:auto;padding:28px 32px;background:#1a1028;border:2px solid #8866aa;border-radius:12px;box-shadow:0 12px 48px #000000a6;transform-origin:center;animation:ttl-modal-in .18s ease-out}@keyframes ttl-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.ttl-modal-panel{animation:none}}.ttl-modal-panel h2{margin:0 0 16px;font-size:28px;color:#f5a8c8}.ttl-modal-panel ul{margin:0 0 24px;padding-left:1.4em;line-height:1.65;color:#e8d8e8}.ttl-modal-panel li+li{margin-top:8px}.ttl-modal-close{display:block;margin-left:auto}.ttl-post-play{position:fixed;right:16px;bottom:16px;z-index:50;max-width:320px;padding:10px 14px;background:#100814e0;border:1px solid #664488;border-radius:8px;font-size:13px;color:#c8a8c8}.ttl-post-play summary{cursor:pointer;font-weight:700;color:#d8b8d8;min-height:44px;display:flex;align-items:center}.ttl-post-play ol{margin:8px 0 0;padding-left:1.3em;line-height:1.5}.ttl-post-play li+li{margin-top:6px}#present-root .ttl-stage-frame{pointer-events:none}#present-root .ttl-stage{pointer-events:auto}#present-root.ttl-present--play .ttl-stage--live{pointer-events:none;background:transparent}#present-root.ttl-present--play .ttl-stage--live .ttl-arena:after{display:none}#present-root.ttl-present--play .ttl-portrait,#present-root.ttl-present--play .ttl-stats,#present-root.ttl-present--play .ttl-howto-btn--play,#present-root.ttl-present--play .ttl-modal,#present-root.ttl-present--play .ttl-modal *,#present-root.ttl-present--title .ttl-title-actions,#present-root.ttl-present--title .ttl-modal,#present-root.ttl-present--title .ttl-post-play,#present-root.ttl-present--gameover .ttl-gameover-panel,#present-root.ttl-present--gameover .ttl-gameover-actions{pointer-events:auto}