:root{--c-lam: #42a5f5;--c-duong: #1565c0;--c-vang: #ffc107;--c-lam-light: #e3f2fd;--c-duong-dark: #0d47a1;--c-vang-light: #fff8e1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#071426;isolation:isolate;color:#333;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:20px;box-sizing:border-box}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:url(/assets/concert-background-c05641d9.svg) center center / cover no-repeat;opacity:.68}#game-container{background:rgba(255,255,255,.96);border-radius:16px;box-shadow:0 16px 48px #00081859,0 0 24px #42a5f51f;padding:20px;width:100%;max-width:440px;text-align:center}header h1{font-size:24px;color:var(--c-duong);margin-bottom:6px}header p{font-size:13px;color:#666;margin-top:0;margin-bottom:0}.board{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(7,1fr);gap:6px;margin:20px 0;padding:10px;background:linear-gradient(135deg,var(--c-lam-light),var(--c-vang-light));border-radius:14px;box-shadow:inset 0 0 0 2px #1565c026}.board-center{grid-row:2 / 7;grid-column:2 / 8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;border-radius:12px;background:radial-gradient(circle at 50% 35%,rgba(66,165,245,.18),transparent 70%),#fff;box-shadow:inset 0 0 0 2px #1565c014}.board-center-logo{font-size:46px;line-height:1;animation:glow 2s ease-in-out infinite alternate}.board-center-text{font-size:15px;font-weight:800;color:var(--c-duong);letter-spacing:.5px;text-align:center;line-height:1.3}.board-cell{position:relative;border-radius:8px;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-weight:700;transition:transform .3s,box-shadow .3s;overflow:visible;-webkit-user-select:none;user-select:none}.board-cell:focus-visible{outline:3px solid var(--c-duong);outline-offset:3px}.cell-tooltip{position:fixed;z-index:1000;box-sizing:border-box;width:min(260px,calc(100vw - 16px));padding:11px 14px;border:1px solid #375a80;border-radius:12px;background:#102b49;color:#fff;box-shadow:0 8px 24px #07142640;text-align:left;font-size:13px;line-height:1.5;pointer-events:none}.cell-tooltip strong{display:block;margin-bottom:4px;color:#ffe082}.cell-tooltip span{display:block}.cell-tooltip:after{content:"";position:absolute;width:10px;height:10px;background:#102b49;transform:rotate(45deg)}.cell-tooltip[data-placement=top]:after{bottom:-5px;left:calc(var(--arrow-x) - 5px)}.cell-tooltip[data-placement=bottom]:after{top:-5px;left:calc(var(--arrow-x) - 5px)}.cell-tooltip[data-placement=left]:after{right:-5px;top:calc(var(--arrow-y) - 5px)}.cell-tooltip[data-placement=right]:after{left:-5px;top:calc(var(--arrow-y) - 5px)}.cell-icon{font-size:18px;line-height:1}.cell-num{font-size:12px;line-height:1}.cell-start{background:linear-gradient(135deg,var(--c-duong),var(--c-lam));color:#fff;border:2px solid var(--c-duong-dark);box-shadow:0 2px 6px #1565c066}.cell-start .cell-num{font-size:9px;letter-spacing:.5px}.cell-end{background:linear-gradient(135deg,var(--c-vang),#ffb300);color:#5b4300;border:2px solid #ffa000;box-shadow:0 2px 8px #ffc1078c;animation:glow 1.6s ease-in-out infinite alternate}.cell-end .cell-num{font-size:9px;letter-spacing:.5px}.cell-challenge{background:linear-gradient(135deg,#ffd54f,var(--c-vang));color:#6d4c00;border:1px solid #ffb300}.cell-oppo{background:linear-gradient(135deg,#fff176,var(--c-vang));color:#6d4c00;border:1px solid #ffb300}.cell-back{background:linear-gradient(135deg,var(--c-duong),var(--c-duong-dark));color:#fff;border:1px solid var(--c-duong-dark)}.cell-forward{background:linear-gradient(135deg,var(--c-lam),var(--c-duong));color:#fff;border:1px solid var(--c-duong)}.cell-dice{background:var(--c-lam-light);color:var(--c-duong-dark);border:1px solid #bbdefb}.cell-normal{background:#f5fbff;color:#90a4ae;border:1px solid #e3e9ef}.cell-dot{width:10px;height:10px;border-radius:50%;background:#90a4ae}.board-cell.tiled{border:none;background-color:transparent;padding:0}.board-cell.tiled .cell-num{position:absolute;top:4px;left:4px;background:rgba(255,255,255,.9);color:#333;font-size:10px;font-weight:800;line-height:1;padding:3px 6px;border-radius:999px;box-shadow:0 1px 2px #0003}.board-cell.active{transform:scale(1.12);z-index:2;box-shadow:0 0 0 3px #fff,0 0 16px #1565c0d9}.player-piece{position:relative;align-self:start;justify-self:center;top:-20px;width:33px;height:0;z-index:5;pointer-events:none}.player-shadow{position:absolute;top:34px;left:3px;width:27px;height:8px;border-radius:50%;background:#102b49;opacity:.3;filter:blur(2px)}.player-piece.is-moving .player-pin{animation:none}.player-pin{position:relative;display:block;animation:pin-bob .9s ease-in-out infinite alternate;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.player-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:2.5px solid #fff;overflow:hidden;background:linear-gradient(135deg,var(--c-lam),var(--c-duong));color:#fff}.player-avatar img{width:100%;height:100%;object-fit:cover;display:block}.player-avatar svg{width:15px;height:15px}.player-pin:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--c-duong)}@keyframes pin-bob{0%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 6px #ffc10780}to{box-shadow:0 0 18px #ffc107f2}}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 16px}.legend-item{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid #e0e0e0;background:#fff}.legend-icon{font-size:12px}.legend-challenge{background:#fff8e1;border-color:#ffcc80;color:#6d4c00}.legend-oppo{background:#fffde7;border-color:#ffcc80;color:#6d4c00}.legend-back{background:var(--c-duong);border-color:var(--c-duong-dark);color:#fff}.legend-forward{background:var(--c-lam);border-color:var(--c-duong);color:#fff}.legend-dice{background:var(--c-lam-light);border-color:#bbdefb;color:var(--c-duong-dark)}.legend-normal{background:#f5fbff;border-color:#cfd8dc;color:#90a4ae}.stats{display:flex;justify-content:space-around;background:var(--c-lam-light);padding:10px;border-radius:8px;margin:16px 0;font-size:14px;color:var(--c-duong-dark)}.stats strong{color:var(--c-duong)}.avatar-uploader{display:flex;align-items:center;justify-content:center;gap:10px;margin:2px 0 16px;font-size:13px;color:var(--c-duong-dark)}.avatar-uploader-label{font-weight:600}.avatar-uploader-button{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:6px 12px;border-radius:999px;border:1px solid var(--c-lam);background:#fff;color:var(--c-duong);font-weight:600;transition:background-color .2s,transform .1s}.avatar-uploader-button:hover{background:var(--c-lam-light)}.avatar-uploader-button:active{transform:scale(.98)}.avatar-thumb{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 0 0 1px var(--c-lam);background:linear-gradient(135deg,var(--c-lam),var(--c-duong));color:#fff}.avatar-thumb img{width:100%;height:100%;object-fit:cover;display:block}.avatar-thumb svg{width:14px;height:14px}.dice-area{display:flex;justify-content:center;gap:20px;margin:20px 0;perspective:1000px}.dice{width:60px;height:60px;box-shadow:0 2px 8px #00000026;border-radius:10px;transition:transform .5s}.dice-area.rolling .dice{animation:roll .5s infinite linear}@keyframes roll{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.controls button{background-color:var(--c-duong);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .2s,transform .1s;margin:0 5px;min-width:140px}.controls button:active:not(:disabled){transform:scale(.98)}.controls button:disabled{background-color:#ccc;cursor:not-allowed}.controls button:hover:not(:disabled){background-color:var(--c-lam)}.view-result-button{margin-top:12px;padding:8px 16px;border:0;background:transparent;color:var(--c-duong);text-decoration:underline;cursor:pointer}.result-modal{box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:32px 24px;border:1px solid #ffe082;border-radius:20px;background:linear-gradient(145deg,#fff,var(--c-vang-light));color:#333;text-align:center;box-shadow:0 24px 80px #00081866}.result-modal::backdrop{background:rgba(3,14,30,.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.result-modal-icon svg{width:48px;height:48px;color:#b8860b}.result-modal h2{margin:12px 0;color:var(--c-duong)}.result-modal-score{font-size:42px;font-weight:800;color:#b8860b}.result-modal-score span{font-size:16px}.result-modal p{line-height:1.6;margin:16px 0 24px}.result-modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.result-modal-actions button{min-height:44px;padding:10px 22px;border:1px solid var(--c-duong);border-radius:10px;font:inherit;font-weight:600;cursor:pointer}.result-replay{background:var(--c-duong);color:#fff}.result-close{background:#fff;color:var(--c-duong)}.result-modal-actions button:focus-visible{outline:3px solid var(--c-lam);outline-offset:3px}footer{margin-top:20px;text-align:left;font-size:12px;color:#666}footer h3{border-bottom:1px solid #eee;padding-bottom:4px;color:var(--c-duong)}footer ul{list-style:none;padding:0;margin:0;max-height:120px;overflow-y:auto}footer li{padding:4px 0;border-bottom:1px solid #f5f5f5}.title-icon{width:27px;height:27px;vertical-align:middle;color:#e2ab10}.button-icon{width:20px;height:20px;vertical-align:middle}.cell-icon svg{width:18px;height:18px;display:block}.legend-icon svg{width:14px;height:14px;display:block}.player-piece svg{width:20px;height:20px;fill:#ffda65;stroke:#fff}.board-center-logo{color:#188ad1;animation:none;filter:drop-shadow(0 0 8px #69d9ff)}.board-center-logo svg{width:46px;height:46px;display:block}.stage-mini-icons{display:flex;gap:12px;color:#c18a00}.stage-mini-icons svg{width:21px;height:21px}@media (max-width: 960px){#game-container{width:100%;box-sizing:border-box}}@media (prefers-reduced-motion: reduce){.player-piece,.player-pin,.cell-end{animation:none!important}}@media (max-width: 380px){#game-container{padding:12px}.board{gap:4px;padding:6px}.cell-icon{font-size:15px}.cell-num{font-size:10px}.dice{width:50px;height:50px}.controls button{min-width:120px;padding:10px 16px}}#app{width:100%;min-width:0}#game-container{max-width:760px;margin:20px auto 0;box-sizing:border-box}.board{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));aspect-ratio:8 / 7;box-sizing:border-box}.board-cell{min-width:0;min-height:0;box-sizing:border-box}.board-center{padding:12px;min-width:0;min-height:0;gap:10px;background:radial-gradient(ellipse at center,#e0f2ff,#fff 75%)}.board-center-text{font-size:24px}.board-center-text span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:2px}.board-center .stats{align-self:stretch;margin:0;padding:8px;gap:6px;font-size:12px}.board-center .stats strong{display:block;font-size:20px}.board-center .avatar-uploader{margin:0}.board-center .view-result-button{margin:0;padding:4px}.avatar-uploader-button{position:relative}.avatar-uploader-button input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.avatar-uploader-button:focus-within{outline:3px solid var(--c-lam);outline-offset:2px}.dice-area{--dice-size: 58px;position:relative;display:flex;align-items:center;justify-content:center;gap:36px;width:100%;height:104px;margin:0;perspective:700px;isolation:isolate}.dice-area:before{content:"";position:absolute;width:80%;height:32px;bottom:2px;border-radius:50%;background:radial-gradient(ellipse,#42a5f544,transparent 70%);z-index:-1}.dice-launch{width:var(--dice-size);height:var(--dice-size);perspective:700px}.dice-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(0) rotateY(0)}.cube-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:15%;backface-visibility:hidden;background:#c5e0fb}.cube-face-0{transform:translateZ(calc(var(--dice-size) / 2))}.cube-face-1{transform:rotateY(180deg) translateZ(calc(var(--dice-size) / 2))}.cube-face-2{transform:rotateY(90deg) translateZ(calc(var(--dice-size) / 2))}.cube-face-3{transform:rotateY(-90deg) translateZ(calc(var(--dice-size) / 2))}.cube-face-4{transform:rotateX(90deg) translateZ(calc(var(--dice-size) / 2))}.cube-face-5{transform:rotateX(-90deg) translateZ(calc(var(--dice-size) / 2))}.rolling .dice-cube{animation:cube-tumble 1.1s cubic-bezier(.2,.65,.35,1) both}.rolling .dice-launch{animation:dice-leap 1.1s ease-in-out both}.rolling .dice-launch:nth-child(2) .dice-cube{animation-name:cube-tumble-reverse}.rolling:before{animation:stage-flash .55s ease-in-out 2}.dice-total{font-size:12px;color:var(--c-duong-dark)}.board-center .controls button{margin:0;background:linear-gradient(135deg,#42a5f5,#0d47a1);box-shadow:0 5px 16px #1565c033}@keyframes cube-tumble{0%{transform:rotateX(0) rotateY(0) rotate(0)}35%{transform:rotateX(330deg) rotateY(240deg) rotate(35deg)}75%{transform:rotateX(650deg) rotateY(630deg) rotate(-15deg)}to{transform:rotateX(720deg) rotateY(720deg) rotate(0)}}@keyframes cube-tumble-reverse{0%{transform:rotateX(0) rotateY(0) rotate(0)}35%{transform:rotateX(-300deg) rotateY(-240deg) rotate(-35deg)}75%{transform:rotateX(-650deg) rotateY(-630deg) rotate(15deg)}to{transform:rotateX(-720deg) rotateY(-720deg) rotate(0)}}@keyframes dice-leap{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-22px) scale(1.12)}80%{transform:translateY(5px) scale(.95)}}@keyframes stage-flash{50%{opacity:.4;transform:scale(1.25)}}@media (max-width: 480px){body{padding:8px}#game-container{padding:10px}.board{gap:3px;padding:5px;aspect-ratio:8 / 9}.board-cell{aspect-ratio:auto}.board-center{padding:6px;gap:6px}.board-center-text{font-size:18px}.board-center .stats{font-size:10px;padding:5px}.board-center .stats strong{font-size:16px}.dice-area{--dice-size: 40px;height:78px;gap:24px}.board-center .controls button{min-width:0;padding:9px 12px;font-size:13px}.avatar-uploader-button{padding:4px 8px;font-size:11px}.avatar-thumb{width:20px;height:20px}}@media (prefers-reduced-motion: reduce){.dice-cube,.dice-launch,.dice-area:before{animation:none!important}}.quest-layout{display:grid;grid-template-columns:minmax(260px,25%) minmax(0,1fr) minmax(260px,25%);align-items:start;gap:20px;width:100%;max-width:1680px;margin:24px auto 0}.quest-layout #game-container{width:100%;margin:0 auto}.prize-panel{box-sizing:border-box;min-width:0;padding:24px 20px 18px;border:1px solid #dce9f8;border-radius:20px;background:linear-gradient(160deg,#fff 0%,#f4f8ff 65%,#fff9e9 100%);box-shadow:0 16px 48px #00081840;text-align:left}.prize-header{padding-bottom:20px;border-bottom:1px solid #dce7f4}.prize-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#9b721c}.prize-header h2{display:flex;align-items:center;gap:10px;margin:10px 0 6px;color:#103e71;font-size:26px}.prize-header h2 svg{width:28px;height:28px;color:#bd8c21}.prize-header p{margin:0;color:#657b93;font-size:13px}.prize-group{padding-top:20px}.prize-group-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.prize-group-heading h3{display:flex;align-items:center;gap:6px;margin:0;font-size:16px;color:#174f85}.prize-group-heading svg{width:18px;height:18px}.prize-group-heading>span{border-radius:20px;padding:4px 8px;background:#e6f0ff;color:#265b92;font-size:10px;font-weight:700}.prize-group-description{margin:8px 0 12px;color:#6a7d91;font-size:12px;line-height:1.5}.prize-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.prize-card{display:flex;align-items:center;gap:11px;padding:12px 10px;background:#ffffffd9;border:1px solid #e0e9f3;border-radius:14px}.prize-art{display:block;flex:0 0 56px;width:56px;height:56px}.prize-card-copy{flex:1;min-width:0}.prize-tag{font-size:9px;font-weight:800;letter-spacing:.8px;color:#886518}.prize-card h4{margin:4px 0;font-size:14px;color:#193f68;line-height:1.35}.prize-card p{margin:0;font-size:11px;color:#6a7d91;line-height:1.5}.prize-reached{border-color:#e3be60;background:#fffaf0}.prize-status{display:inline-block;margin-top:6px;color:#28745c;font-size:10px;font-weight:700}.prize-progress{margin-top:14px}.prize-progress>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:#60768d;font-size:11px;line-height:1.5}.prize-progress strong{color:#1565c0;white-space:nowrap}.prize-progress progress{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;margin-top:8px;overflow:hidden;border:none;border-radius:10px;background:#e0eaf5}.prize-progress progress::-webkit-progress-bar{background:#e0eaf5;border-radius:10px}.prize-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#42a5f5,#ffc94a);border-radius:10px}.prize-progress progress::-moz-progress-bar{background:#42a5f5;border-radius:10px}.luck-prizes{margin-top:20px;border-top:1px dashed #ccdcef}.luck-prize-card{gap:9px;padding:9px 8px}.luck-prize-card .prize-art{flex-basis:43px;width:43px;height:43px}.luck-prize-card h4{font-size:12px;margin-top:0}.prize-probability{color:#265b92;font-size:13px;font-weight:800;white-space:nowrap}.prize-probability small{font-size:9px;margin-left:1px}.prize-luck-note,.prize-demo-note{font-size:10px;line-height:1.6;color:#748398}.prize-luck-note{margin:12px 0 0}.prize-demo-note{margin:18px 0 0;padding-top:14px;border-top:1px solid #dce7f4}.quest-layout-gifts{display:grid}.quest-layout-gifts .prize-panel{max-width:760px;margin:0 auto}.owned-prize-panel .prize-header h2{font-size:23px;line-height:1.3}.owned-prize-panel .prize-header h2 svg{flex-shrink:0}.owned-prize-summary{display:flex;align-items:center;gap:10px;margin-top:20px;padding:14px;border:1px solid #dce7f4;border-radius:14px;background:#eaf3ff}.owned-prize-summary strong{color:#1565c0;font-size:30px}.owned-prize-summary span{color:#60768d;font-size:12px}.owned-prize-empty{padding:20px 14px;border:1px dashed #ccdcef;border-radius:14px;background:#ffffffa6;text-align:center}.owned-prize-empty svg{width:32px;height:32px;color:#90afd0}.owned-prize-empty p{margin:10px 0 0;color:#6a7d91;font-size:12px;line-height:1.6}.prize-card .owned-prize-message{margin-top:6px;color:#3b5795;overflow-wrap:anywhere}.owned-ticket-progress{margin-top:22px;padding-top:18px;border-top:1px dashed #ccdcef}@media (min-width: 1101px) and (max-width: 1450px){.quest-layout{gap:16px}.prize-panel{padding:20px 14px}.quest-layout .board{min-height:460px;aspect-ratio:auto}.quest-layout .board-center{padding:6px;gap:7px}.quest-layout .board-center-text{font-size:20px}.quest-layout .dice-area{--dice-size: 46px;height:86px;gap:28px}.quest-layout .board-center .controls button{padding:10px 14px;font-size:14px}}@media (max-width: 1100px){.quest-layout{grid-template-columns:minmax(0,1fr);max-width:760px;gap:20px}.quest-layout #game-container,.quest-layout .gift-history-page{grid-row:1}.prize-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.quest-layout{margin-top:16px}.prize-panel{padding:20px 16px}.prize-list,.quest-layout-gifts .prize-list{grid-template-columns:minmax(0,1fr)}}.prize-panel-scroll{min-width:0}.prize-panel-scroll:focus-visible{outline:2px solid var(--c-lam);outline-offset:3px;border-radius:8px}@media (min-width: 1101px){.quest-layout>.prize-panel{position:sticky;top:var(--prize-panel-top, 140px);display:flex;flex-direction:column;height:calc(100dvh - var(--prize-panel-top, 140px) - 20px);min-height:0;padding:16px 14px;overflow:hidden}.prize-panel .prize-header{flex:0 0 auto;padding-bottom:12px}.prize-panel .prize-header h2{margin:6px 0 4px;font-size:21px}.prize-panel .prize-header h2 svg{width:24px;height:24px;flex-shrink:0}.prize-panel .prize-header p{font-size:12px}.prize-panel-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#a9bfd9 transparent;scrollbar-gutter:stable;padding-right:5px}.prize-panel .prize-group{padding-top:12px}.prize-panel .prize-group-description{margin:6px 0 8px;font-size:11px}.prize-panel .prize-list{gap:6px}.prize-panel .prize-card{padding:8px;gap:8px;border-radius:11px}.prize-panel .prize-art{width:42px;height:42px;flex-basis:42px}.prize-panel .prize-card h4{font-size:12px;margin:2px 0}.prize-panel .prize-card p{font-size:10px}.prize-panel .luck-prizes{margin-top:12px}.prize-panel .owned-prize-summary{margin-top:12px;padding:8px 12px}.prize-panel .owned-prize-summary strong{font-size:24px}.prize-panel .owned-prize-empty{padding:12px}.prize-panel .owned-prize-empty svg{width:24px;height:24px}.prize-panel .owned-prize-empty p{margin-top:6px;font-size:11px}.prize-panel .owned-ticket-progress{margin-top:14px;padding-top:12px}.prize-panel .prize-demo-note{margin-top:12px;padding-top:10px}}.quest-eyebrow{color:#946900;font-size:11px;font-weight:800;letter-spacing:1.5px}.quiz-stats{display:flex;justify-content:space-between;gap:8px;padding:12px;border-radius:10px;background:#eaf3ff;color:#0d47a1;font-size:13px;font-weight:700}.encounter-modal .quiz-note{font-size:12px;color:#52677d;margin:14px 0}.quiz-question{text-align:left;font-size:18px;line-height:1.5}.quiz-options{display:grid;gap:10px}.quiz-options button{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 12px;border:1px solid #b6d3f0;border-radius:12px;background:#fff;color:#173b63;text-align:left;font:inherit;font-size:14px;cursor:pointer}.quiz-options button span{display:grid;place-items:center;flex:0 0 28px;height:28px;background:#eaf3ff;border-radius:8px;font-weight:800}.quiz-options button:hover:not(:disabled){border-color:#1565c0;background:#f1f7ff}.quiz-options button.correct{border-color:#208253;background:#e6f8ec}.quiz-options button.incorrect{border-color:#bf3f3f;background:#fff0f0}.quiz-options button:disabled{cursor:default}.encounter-modal button:focus-visible{outline:3px solid #42a5f5;outline-offset:3px}.encounter-modal .answer-feedback{margin:14px 0;font-size:14px}.demo-note{font-size:11px;color:#6b7c90}.encounter-result{margin-top:18px;padding:16px;border-radius:12px;background:#fff3cd}.encounter-result h3{font-size:17px;line-height:1.6;color:#755300;margin:0 0 16px}.wheel-stage{position:relative;width:240px;height:240px;margin:24px auto}.opportunity-wheel{position:relative;width:100%;height:100%;border:6px solid #fff;box-sizing:border-box;border-radius:50%;box-shadow:0 0 0 3px #ffc107,0 8px 24px #1565c033;transition:transform 3.2s cubic-bezier(.12,.7,.12,1)}.wheel-pointer{position:absolute;z-index:2;top:-12px;left:calc(50% - 12px);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:26px solid #e25151}.wheel-label{position:absolute;left:calc(50% - 29px);top:calc(50% - 8px);width:58px;color:#fff;font-size:12px;font-weight:800;text-shadow:0 1px 3px #001a45}.wheel-hub{position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#1565c0;box-shadow:0 2px 8px #0003;font-size:25px;font-weight:900}.wheel-odds{list-style:none;padding:0;font-size:12px}.wheel-odds li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #e3edf7;text-align:left}.result-modal-actions button:disabled{opacity:.6;cursor:not-allowed}.gift-history-page{box-sizing:border-box;padding:28px;border-radius:20px;background:#fff;min-width:0}.gift-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gift-summary div{display:flex;flex-direction:column;padding:14px 8px;text-align:center;border-radius:12px;background:#eaf3ff;color:#1565c0}.gift-summary strong{font-size:28px}.gift-summary span{font-size:12px}.gift-history-list{list-style:none;padding:0}.gift-history-list li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #e3edf7}.gift-history-list svg{width:28px;height:28px;color:#b8860b;flex-shrink:0}.gift-history-list h3{margin:0;font-size:16px}.gift-history-list p{margin:6px 0;overflow-wrap:anywhere}.gift-history-list small{color:#6b7c90}@media (max-width: 480px){.gift-history-page{padding:20px 14px}.gift-summary{gap:6px}}@media (prefers-reduced-motion: reduce){.opportunity-wheel{transition:none}}.app-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;width:100%;max-width:1440px;margin:0 auto}.app-topbar .top-nav{flex:1;min-width:0}.zcon-brand{display:flex;align-items:center;justify-content:center;gap:2px;flex:0 0 210px;min-height:92px;padding:0 12px 0 0;border:1px solid #c7b4ff66;border-radius:22px;background:linear-gradient(135deg,#242557f5,#442179f5);box-shadow:0 8px 28px #080c3266,inset 0 1px #fff3;color:#fff;cursor:pointer}.zcon-brand img{display:block;width:100px;height:100px;margin:-8px 0;filter:drop-shadow(0 5px 8px #080a3d66)}.zcon-brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.zcon-brand-copy strong{font-size:30px;font-weight:900;letter-spacing:-1px;line-height:1;color:#fff2aa}.zcon-brand-copy>span{font-size:8px;font-weight:800;letter-spacing:1.6px;color:#ccdcff;white-space:nowrap}.zcon-brand:hover{border-color:#ffe497;background:linear-gradient(135deg,#30316b,#59278c)}.zcon-brand:focus-visible{outline:3px solid #fff3a7;outline-offset:4px}.result-modal-icon img{display:block;width:120px;height:120px;margin:0 auto}@media (max-width: 760px){.app-topbar{gap:8px}.zcon-brand{flex-basis:82px;min-height:94px;flex-direction:column;padding:2px 0 8px;gap:0;border-radius:16px}.zcon-brand img{width:66px;height:66px;margin:-2px 0}.zcon-brand-copy{align-items:center;gap:2px}.zcon-brand-copy strong{font-size:18px;letter-spacing:-.5px}.zcon-brand-copy>span{font-size:5px;letter-spacing:.8px}}@media (max-width: 480px){.app-topbar{gap:5px}.zcon-brand{flex-basis:58px;min-height:78px;padding-bottom:5px;border-radius:12px}.zcon-brand img{width:52px;height:52px}.zcon-brand-copy strong{font-size:15px}.zcon-brand-copy>span{font-size:4px;letter-spacing:.5px}}.top-nav{position:relative;z-index:1;isolation:isolate;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;box-sizing:border-box;padding:14px;border:2px solid #aa8bff;border-radius:22px;background:radial-gradient(ellipse at 50% 0%,#713bbb 0%,transparent 65%),linear-gradient(120deg,#171b50,#351757 55%,#132b56);box-shadow:0 6px #100d30,0 12px 30px #07051c80,inset 0 1px #fff5,0 0 22px #975bff44}.top-nav button{--nav-accent: #7aeaff;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:50px;padding:10px 8px;border:1px solid #ffffff30;border-radius:14px;background:linear-gradient(180deg,#ffffff17,#ffffff05);color:#f4eeff;font:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 3px #090b2780,inset 0 1px #ffffff20;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.top-nav button:nth-of-type(2){--nav-accent: #ff97df}.top-nav button:nth-of-type(4){--nav-accent: #93ffb7}.top-nav button:nth-of-type(5){--nav-accent: #c6acff}.top-nav button svg{width:21px;height:21px;flex-shrink:0;color:var(--nav-accent);filter:drop-shadow(0 0 5px currentColor)}.top-nav button:hover{transform:translateY(-3px);background:#ffffff22;box-shadow:0 5px #090b2780,0 0 16px #ba91ff44}.top-nav button[aria-pressed=true]{border-color:var(--nav-accent);background:linear-gradient(135deg,#5949b9,#942cc0);box-shadow:0 3px #28104b,0 0 15px #b77aff66,inset 0 1px #fff5}.top-nav .nav-play{overflow:hidden;--nav-accent: #592709;border:2px solid #fff3a7;background:linear-gradient(135deg,#fff08a,#ffc237 55%,#ff9338);color:#592709;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 4px #bd5b20,0 0 22px #ffc94066,inset 0 2px #fff8d6;animation:nav-play-glow 3s ease-in-out infinite}.top-nav .nav-play[aria-pressed=true],.top-nav .nav-play:hover{border-color:#fff8c7;background:linear-gradient(135deg,#fff6a8,#ffcf48 55%,#ff9b43);box-shadow:0 4px #bd5b20,0 0 28px #ffc94088,inset 0 2px #fff8d6}.nav-play:after{content:"";position:absolute;inset:-50% auto -50% -60%;width:35%;background:linear-gradient(90deg,transparent,#ffffff99,transparent);transform:skew(-20deg);animation:nav-shine 5s ease-in-out infinite;pointer-events:none}.top-nav button:active{transform:translateY(2px)}.top-nav button:focus-visible{outline:3px solid #fff3a7;outline-offset:4px}.nav-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.nav-sparkle{position:absolute;left:calc(var(--spark-index) * 11%);top:5%;color:#fff3a7;font-size:14px;text-shadow:0 0 8px #fff2a0;animation:nav-twinkle 3.6s ease-in-out infinite;animation-delay:calc(var(--spark-index) * -.45s)}.nav-sparkle:nth-child(2n){top:auto;bottom:3%;color:#9cefff;font-size:10px}@keyframes nav-twinkle{0%,to{opacity:.2;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(35deg)}}@keyframes nav-play-glow{0%,to{filter:drop-shadow(0 0 2px #ffcf4833)}50%{filter:drop-shadow(0 0 8px #ffcf4877)}}@keyframes nav-shine{0%,65%{left:-60%;opacity:0}70%{opacity:1}90%,to{left:140%;opacity:0}}@media (prefers-reduced-motion: reduce){.top-nav .nav-play,.nav-play:after,.nav-sparkle{animation:none}.top-nav button{transition:none}}.board-cell{aspect-ratio:auto;align-self:stretch}.board-cell.tiled{background:transparent;box-shadow:none}.tile-image{display:block;width:100%;height:100%;object-fit:contain}.board-cell.active{transform:none;box-shadow:0 0 0 2px var(--c-duong),0 0 12px #42a5f577}.board-center .dice-area{flex-shrink:0}.content-page{padding:24px 8px;text-align:left;line-height:1.7}.content-page h2,.content-page h3{color:var(--c-duong-dark)}.history-entries{padding-left:24px}.history-entries li{padding:8px 0;border-bottom:1px solid #e3edf7;font-size:14px}.empty-state{padding:16px;border-radius:12px;background:#eef6ff;color:#52677d}.history-game{padding:14px;margin:12px 0;background:#f3f8ff;border:1px solid #d5e6fa;border-radius:12px}.history-game summary{cursor:pointer;font-weight:700;color:var(--c-duong)}.about-eyebrow{color:#946900;font-size:12px;font-weight:800;letter-spacing:1px}.about-source{color:#6b7c90;font-size:12px}@media (max-width: 480px){.board{min-height:440px;aspect-ratio:auto}.board-center{gap:7px}.top-nav{gap:5px;padding:8px 5px;border-radius:16px}.top-nav button{flex-direction:column;gap:5px;min-height:60px;padding:7px 2px;border-radius:10px;font-size:10px}.top-nav .nav-play{letter-spacing:0}.top-nav button svg{width:19px;height:19px}}.concert-lights[data-v-12e1d344]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}.concert-beam[data-v-12e1d344]{position:absolute;width:clamp(100px,16vw,300px);height:115vmax;transform-origin:50% 0;background:linear-gradient(to bottom,rgba(var(--light-color),.58),rgba(var(--light-color),.16) 36%,rgba(var(--light-color),0) 78%);clip-path:polygon(49% 0,51% 0,100% 100%,0 100%);mix-blend-mode:screen;animation:concert-sweep-12e1d344 var(--sweep-duration) ease-in-out var(--delay) infinite alternate;will-change:transform}.concert-haze[data-v-12e1d344]{position:absolute;width:75vw;height:75vh;border-radius:50%;opacity:.4;animation:concert-haze-drift-12e1d344 13s ease-in-out infinite alternate}.concert-haze-blue[data-v-12e1d344]{top:5%;left:-25%;background:radial-gradient(ellipse,#218be955,transparent 65%)}.concert-haze-gold[data-v-12e1d344]{right:-25%;bottom:-10%;background:radial-gradient(ellipse,#ffc84a33,transparent 65%);animation-delay:-7s}.concert-spark[data-v-12e1d344]{position:absolute;width:var(--spark-size);height:var(--spark-size);border-radius:50%;color:rgb(var(--light-color));background:currentColor;box-shadow:0 0 8px 2px currentColor;opacity:0;animation:concert-twinkle-12e1d344 var(--spark-duration) ease-in-out var(--delay) infinite}.concert-spark[data-v-12e1d344]:nth-of-type(7n):before,.concert-spark[data-v-12e1d344]:nth-of-type(7n):after{content:"";position:absolute;top:-5px;right:2px;bottom:-5px;left:2px;background:linear-gradient(transparent,currentColor,transparent)}.concert-spark[data-v-12e1d344]:nth-of-type(7n):after{transform:rotate(90deg)}@keyframes concert-sweep-12e1d344{0%{transform:translate(-50%) rotate(var(--angle-start));opacity:.18}45%{opacity:.48}to{transform:translate(-50%) rotate(var(--angle-end));opacity:.28}}@keyframes concert-twinkle-12e1d344{0%,to{opacity:0;transform:translateY(8px) scale(.5)}45%{opacity:.7;transform:translateY(-4px) scale(1)}70%{opacity:.12}}@keyframes concert-haze-drift-12e1d344{to{transform:translate(10%,-6%) scale(1.15);opacity:.65}}@media (max-width: 600px){.concert-beam[data-v-12e1d344]:nth-of-type(2n){display:none}.concert-spark[data-v-12e1d344]:nth-of-type(2n){display:none}}@media (prefers-reduced-motion: reduce){.concert-beam[data-v-12e1d344],.concert-haze[data-v-12e1d344],.concert-spark[data-v-12e1d344]{animation:none;will-change:auto}.concert-beam[data-v-12e1d344]{transform:translate(-50%) rotate(var(--angle-start));opacity:.2}.concert-spark[data-v-12e1d344]{opacity:.25}}