/* Minification failed. Returning unminified contents.
(1,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,65): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,81): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,99): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,137): run-time error CSS1039: Token not allowed after unary operator: '-ink'
 */
:root { --purple: #40165d; --purple2: #6e2c85; --gold: #ffda78; --red: #e52c55; --cream: #fff6e7; --ink: #52344e; }
.dice-main-popup * { box-sizing: border-box; }
body { margin: 0; font-family: system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif; background: #28103f; color: var(--ink); }
button { font: inherit; cursor: pointer; }
    button:disabled { cursor: not-allowed; }
.dice-page { max-width: 430px; min-height: 100dvh; margin: auto; overflow: hidden; background: linear-gradient(180deg,#28103f 0%,#692079 20%,#b84283 34%,#ffddbf 60%,#fff7e9 100%); position: relative; padding: 0 18px 35px; }
    .dice-page:before { content: ""; position: absolute; left: -120px; right: -120px; top: 75px; height: 330px; background: radial-gradient(ellipse at center,rgba(255,202,111,.24),transparent 68%); pointer-events: none; }
.hero { position: relative; text-align: center; padding: 42px 0 28px; color: #fff; }
.spark { position: absolute; color: #ffda78; font-size: 26px; opacity: .9; }
    .spark.a { top: 45px; left: 5%; }
    .spark.b { top: 96px; right: 3%; }
    .spark.c { top: 185px; left: 8%; font-size: 15px; }
.hero h1 { margin: 25px 0 7px; font-weight: 1000; font-size: clamp(37px,10vw,51px); line-height: 1.25; letter-spacing: 1px; color: #ffdb7c; text-shadow: 0 3px 0 #783e48,0 6px 14px #1c0739; }
.hero .tag { display: inline-block; background: linear-gradient(90deg,#ffde84,#ffb748); color: #5b244c; font-weight: 900; padding: 8px 25px; border-radius: 40px; box-shadow: 0 4px 0 #a25a52; }
.dates { margin: 13px auto 0; width: max-content; background: #451456; padding: 5px 20px; border-radius: 30px; color: #fff2d2; font-weight: 700; font-size: 13px; letter-spacing: 1px; }
.points-card { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #fff5e4; border: 1px solid #ffe4a7; border-radius: 17px; padding: 15px 17px; box-shadow: 0 5px 14px #6b31502b; }
.points-label { font-weight: 800; font-size: 14px; }
.points-sub { font-size: 12px; color: #94756e; margin-top: 5px; }
.points-value { white-space: nowrap; color: #b62e4a; font-weight: 900; font-size: 33px; font-variant-numeric: tabular-nums; }
    .points-value small { font-size: 16px; }
.game { position: relative; text-align: center; padding: 33px 0 10px; }
.dice-row { display: flex; justify-content: center; align-items: center; gap: 19px; min-height: 123px; }
.die { font-family: "Apple Symbols","Segoe UI Symbol","Noto Sans Symbols 2",system-ui,sans-serif; font-size: 93px; line-height: 1.15; color: #3c214c; display: inline-block; filter: drop-shadow(0 7px 5px #9c5e7b38); font-variant-emoji: text; }
.rolling .die { animation: wobble .17s infinite alternate; }
.button-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }

@keyframes wobble {
    from { transform: rotate(-11deg) translateY(-3px); }
    to { transform: rotate(11deg) translateY(3px); }
}

.game-note { font-size: 13px; line-height: 1.8; margin: 8px auto 18px; color: #71465d; font-weight: 650; }
.main-btn { border: 1px solid #ff91a2; color: white; font-weight: 900; font-size: 22px; width: 94%; min-height: 58px; border-radius: 100px; background: linear-gradient(180deg,#ff5c70 0%,#e92853 48%,#c81744 100%); box-shadow: inset 0 2px 1px #ffffff80,0 5px 0 #aa1d48,0 8px 15px #90234945; }
    .main-btn:active:not(:disabled) { transform: translateY(3px); box-shadow: inset 0 2px 1px #ffffff80,0 2px 0 #aa1d48; }
    .main-btn:disabled { background: linear-gradient(#bfc5d0,#9da5b4); border-color: #cbd1dc; box-shadow: 0 4px 0 #858e9c; color: #f5f5f5; }
.session { display: flex; align-items: flex-start; justify-content: center; gap: 8px; text-align: center; background: #fff1d9; border-radius: 12px; padding: 12px 10px; margin-top: 25px; color: #7c4d53; font-size: 12px; line-height: 1.65; }
    .session svg { flex: none; margin-top: 2px; }
.links { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 13px; }
.link-btn { background: #fffdf8; border: 1px solid #e7c8aa; border-radius: 12px; min-height: 49px; color: #91404e; font-weight: 800; display: flex; justify-content: center; align-items: center; gap: 8px; }
    .link-btn:hover { background: #fff1da; }
    .link-btn:disabled,
    .link-btn.disabled { background: #f2f2f2; border-color: #dedede; color: #a8a8a8; cursor: not-allowed; box-shadow: none; opacity: 1; }
.status { margin: 10px auto 0; text-align: center; color: #703c58; font-size: 12px; min-height: 18px; }
.overlay { position: fixed; inset: 0; z-index: 50; background: #1c102bc7; display: none; align-items: center; justify-content: center; padding: 18px; }
    .overlay.active { display: flex; }
.modal { width: min(100%,385px); overflow: auto; border-radius: 22px; position: relative; box-shadow: 0 20px 60px #14051d80; }
    .modal.simple { background: #fff8ed; padding: 20px; }
.modal-header { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-bottom: 13px; border-bottom: 1px solid #e8d7c9; }
    .modal-header h2 { font-size: 21px; color: #54246f; margin: 0; }
.close { border: 0; background: transparent; color: #54246f; font-size: 27px; line-height: 1; padding: 3px 6px; }
.rules-empty { min-height: 220px; }
.reward-modal { background: linear-gradient(160deg,#35104f,#702a88); padding: 28px 19px 24px; text-align: center; color: #fff; border: 1px solid #ab65bb; }
    .reward-modal .close { position: absolute; right: 10px; top: 10px; color: white; }
.reward-heading { color: #ffdb76; font-weight: 1000; font-size: 30px; text-shadow: 0 3px #5a194d; margin: 9px 0 14px; }
.reward-dice { font-size: 66px; line-height: 1.3; letter-spacing: 9px; font-variant-emoji: text; }
.reward-card { background: #fff3df; border-radius: 16px; color: #7c4d53; padding: 18px 12px; margin: 17px 0 18px; }
    .reward-card .intro { font-size: 13px; font-weight: 750; }
    .reward-card .prize { color: #c62f4c; font-size: 25px; font-weight: 1000; margin: 9px 0; overflow-wrap: anywhere; }
    .reward-card .details { font-size: 13px; line-height: 1.65; }
.accept { background: linear-gradient(#ffe992,#ffbd3e); border: 1px solid #fff1ae; border-radius: 100px; min-height: 48px; padding: 0 45px; color: #54214c; font-weight: 900; font-size: 18px; box-shadow: 0 4px 0 #a35d26; }
.summary { background: #fff0d1; border-radius: 14px; text-align: center; padding: 14px 8px; margin: 17px 0; }
    .summary .label { font-size: 12px; color: #79566a; }
    .summary .value { font-size: 29px; font-weight: 1000; color: #bf3450; margin: 3px 0; }
    .summary .sub { font-size: 12px; color: #886b65; }
.history-table { width: 100%; border-collapse: collapse; font-size: 12px; table-layout: fixed; }
    .history-table th { background: #eee6e4; text-align: left; color: #543e55; }
    .history-table th, .history-table td { padding: 11px 8px; border-bottom: 1px solid #eadfdb; vertical-align: top; overflow-wrap: anywhere; }
        .history-table th:first-child { width: 37%; }
.pagination { display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 19px; font-size: 12px; }
    .pagination button { border: 0; background: none; color: #54246f; font-size: 12px; font-weight: 800; padding: 7px 2px; }
        .pagination button:disabled { color: #bdb2b9; }
.empty { min-height: 160px; display: flex; align-items: center; justify-content: center; color: #806f7d; font-size: 14px; }
.demo { max-width: 430px; margin: 0 auto; padding: 16px; background: #f3edf3; font-size: 12px; color: #593b58; }
    .demo summary { cursor: pointer; font-weight: 800; }
.demo-controls { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
    .demo-controls button { border: 1px solid #b8a2b7; border-radius: 7px; padding: 7px 9px; background: white; color: #52344e; }
.demo small { display: block; margin-top: 9px; line-height: 1.6; }

@media (max-width:350px) {
    .dice-page { padding-left: 12px; padding-right: 12px; }
    .die { font-size: 77px; }
    .hero h1 { font-size: 35px; }
    .points-label { font-size: 12px; }
    .points-value { font-size: 28px; }
}

[hidden] { display: none !important; }
/* 主遊戲也由 SweetAlert2 承載；原本 .dice-page 的漸層與所有內部元件不變。 */
.swal2-popup.dice-main-popup { width: min(430px, calc(100vw - 24px)); padding: 0; margin: 0; max-height: 94dvh; border-radius: 20px; overflow-x: hidden; overflow-y: auto; background: #28103f; box-shadow: 0 20px 60px #14051d80; }
    .swal2-popup.dice-main-popup .swal2-html-container { margin: 0; padding: 0; width: 100%; overflow: visible; }
    .swal2-popup.dice-main-popup .dice-page { min-height: 0; width: 100%; max-width: none; padding-bottom: 35px; }
    .swal2-popup.dice-main-popup .swal2-close { position: absolute; z-index: 5; top: 7px; right: 9px; color: #fff; font-size: 30px; width: 35px; height: 35px; }
.game-launcher { display: flex; justify-content: center; padding: 30px 16px 8px; }
    .game-launcher button { padding: 13px 28px; border: 1px solid #ff91a2; border-radius: 35px; background: linear-gradient(#ff5c70,#c81744); color: white; font-weight: 900; font-size: 18px; }
/* SweetAlert2：沿用原彈窗的寬度、圓角、標題、獎勵卡片與按鈕 */
.dice-swal-container { padding: 18px; }
.swal2-popup.modal { display: block; width: min(100%,385px); margin: 0; box-sizing: border-box; overflow-y: auto; font-family: system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif; }
    .swal2-popup.modal.simple { padding: 20px; background: #fff8ed; }
    .swal2-popup.modal.reward-modal { padding: 28px 19px 24px; }
    .swal2-popup.modal .swal2-html-container { margin: 0; padding: 0; color: inherit; text-align: inherit; overflow: visible; }
    .swal2-popup.modal .swal2-close { position: absolute; top: 9px; right: 10px; width: 32px; height: 32px; font-size: 27px; z-index: 2; }
    .swal2-popup.modal.simple .modal-header { padding-right: 32px; }
    .swal2-popup.modal.reward-modal .reward-heading { margin-top: 9px; }
    .swal2-popup.modal .swal2-icon { margin: 12px auto; }
    .swal2-popup.modal .swal2-title { color: #54246f; font-size: 21px; }
    .swal2-popup.modal .swal2-html-container:not(.reward-html) { text-align: left; }
    .swal2-popup.modal .reward-html { text-align: center; }