:root{font-family:Microsoft JhengHei,PingFang TC,Noto Sans TC,sans-serif;color:#27213f;background:#27214d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#27214d;background-image:url(/assets/pixel-town-dusk-v2.png);background-size:cover;background-position:center;background-attachment:fixed;image-rendering:pixelated;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{width:min(1180px,calc(100% - 32px));margin:20px auto;border:5px solid #211a3f;background:#fff2c2f7;box-shadow:10px 10px #59d9e8,16px 16px #9b69d7}.masthead{min-height:136px;display:grid;grid-template-columns:88px 1fr auto;gap:24px;align-items:center;padding:22px 30px;color:#fff2c2;background:#34275f;border-bottom:5px solid #211a3f}.brand-stamp{width:74px;height:74px;display:grid;place-items:center;border:4px double #ffd35a;border-radius:0;font-size:23px;font-weight:900;letter-spacing:4px;transform:rotate(-3deg);box-shadow:5px 5px #2faf9f}.eyebrow,.subtitle,.ticket-heading p,.result-main p{margin:0}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px}.masthead h1{margin:5px 0 2px;font-size:clamp(34px,4.2vw,58px);line-height:1;letter-spacing:4px;text-shadow:4px 4px 0 #2faf9f}.subtitle{font-size:14px;font-weight:700;opacity:.88}.issue-number{min-width:112px;padding:9px 14px;color:#211a3f;background:#ff6b67;border:3px solid #211a3f;text-align:center;box-shadow:5px 5px #ffd35a;transform:rotate(1deg)}.issue-number span{display:block;font-size:11px;font-weight:900;letter-spacing:2px}.issue-number strong{display:block;margin-top:2px;font:900 28px Georgia,serif}.workspace{display:grid;grid-template-columns:minmax(460px,1.08fr) minmax(360px,.92fr);gap:24px;padding:26px}.wheel-panel{position:relative;display:flex;flex-direction:column;align-items:center;padding:30px 24px 22px;background:#2faf9f;border:4px solid #211a3f;box-shadow:7px 7px #ffd35a;overflow:hidden}.panel-label{position:absolute;top:13px;left:15px;padding:5px 12px;color:#fff2c2;background:#34275f;border:2px solid #211a3f;font-weight:900;font-size:12px;letter-spacing:2px;transform:rotate(-1deg)}.wheel-wrap{width:min(100%,500px);aspect-ratio:1;display:grid;place-items:center;margin-top:4px}.wheel-canvas{width:100%;height:100%;display:block}.spin-button{width:min(340px,88%);margin-top:-3px;padding:12px 24px 10px;color:#211a3f;background:#ff6b67;border:4px solid #211a3f;box-shadow:6px 6px #9b69d7;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.spin-button:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:8px 8px #9b69d7;background:#ff8b7f}.spin-button:not(:disabled):active{transform:translate(5px,5px);box-shadow:1px 1px #9b69d7}.spin-button:disabled{opacity:.78}.spin-button span{display:block;font-size:22px;font-weight:900;letter-spacing:4px}.spin-button small{display:block;margin-top:2px;font-size:11px;font-weight:700;letter-spacing:1px}.task-panel{min-width:0}.ticket-card{position:relative;height:100%;min-height:590px;padding:24px 22px 16px;background:#fff2c2;border:4px solid #211a3f;box-shadow:7px 7px #9b69d7}.ticket-heading{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:14px;border-bottom:3px double #c9a75f}.ticket-heading p{color:#b23a29;font-size:11px;font-weight:900;letter-spacing:2px}.ticket-heading h2{margin:2px 0 0;font-size:29px;letter-spacing:3px}.task-count{padding:5px 9px;color:#211a3f;background:#ffd35a;border:3px solid #211a3f;font:900 14px ui-monospace,monospace;box-shadow:3px 3px #59d9e8}.group-switcher{margin-top:15px;padding-bottom:12px;border-bottom:1px dashed #c9a75f}.group-tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.group-tab,.new-group-button{min-height:32px;padding:5px 11px;border:3px solid #211a3f;font-size:11px;font-weight:900;transition:transform .15s ease,background .15s ease}.group-tab{color:#211a3f;background:#cfc3f3}.group-tab:nth-child(3n+2){background:#68d4bd}.group-tab:nth-child(3n){background:#72dceb}.group-tab:hover,.new-group-button:hover:not(:disabled){transform:translateY(-2px)}.group-tab.is-selected{color:#211a3f;background:#ffd35a;box-shadow:4px 4px #9b69d7;transform:translate(-1px,-1px)}.new-group-button{color:#211a3f;background:#ff8b87;border-style:dashed}.new-group-button:disabled{opacity:.45}.group-form{display:flex;gap:5px;margin-top:9px}.group-form input{flex:1;min-width:0;padding:7px 9px;color:#43283a;background:#fff;border:2px solid #47283e;outline:none}.group-form input:focus{box-shadow:inset 0 0 0 3px #ffe36e}.group-form button{padding:5px 10px;color:#43283a;background:#61dbb5;border:2px solid #47283e;font-size:10px;font-weight:900}.group-form button:last-child{background:#eee9ff}.group-form button:disabled{opacity:.45}.group-controls{display:flex;align-items:center;gap:6px;margin-top:9px}.group-controls span{margin-right:auto;color:#4f476c;font-size:10px;font-weight:900;letter-spacing:.5px}.group-controls button{padding:4px 8px;color:#211a3f;background:#59d9e8;border:2px solid #211a3f;box-shadow:2px 2px #9b69d7;font-size:10px;font-weight:900}.group-controls button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px #9b69d7}.group-controls .group-delete-button{background:#ff9a96}.group-controls button:disabled{opacity:.35;box-shadow:none}.edit-group-form button{background:#ffd35a}.delete-confirm{margin-top:9px;padding:9px;background:#ffb09f;border:3px solid #211a3f;box-shadow:4px 4px #9b69d7}.delete-confirm p{margin:0 0 7px;font-size:11px;font-weight:900}.delete-confirm button{margin-right:6px;padding:4px 8px;color:#fff2c2;background:#34275f;border:2px solid #211a3f;font-size:10px;font-weight:900}.delete-confirm button:last-child{color:#211a3f;background:#ffd35a}.add-form{margin:12px 0 14px}.add-form label{display:block;margin-bottom:7px;font-size:12px;font-weight:900;letter-spacing:1px}.input-row{display:flex}.input-row input{flex:1;min-width:0;padding:11px 12px;color:#211a3f;background:#fff9df;border:3px solid #211a3f;border-right:0;outline:none}.input-row input:focus{box-shadow:inset 0 0 0 3px #ffe36e}.input-row input::placeholder{color:#907e6c}.input-row button{padding:0 18px;color:#211a3f;background:#59d9e8;border:3px solid #211a3f;font-weight:900;box-shadow:3px 3px #9b69d7}.input-row button:hover:not(:disabled){background:#7ee8ee}.input-row button:disabled{opacity:.45}.task-list{max-height:387px;overflow-y:auto;padding-right:5px;scrollbar-color:#d2b26f #f3e7ce;scrollbar-width:thin}.empty-group{display:grid;place-items:center;min-height:120px;padding:20px;color:#84677b;background:#fff7dc;border:2px dashed #d8b86d;text-align:center;font-size:12px;font-weight:800}.task-ticket{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;min-height:48px;margin-bottom:7px;padding:6px 7px;background:#fff8dc;border:2px solid #211a3f;border-left:7px solid var(--ticket-color,#ff6b67);box-shadow:3px 3px #c7a85c;transition:opacity .2s ease,background .2s ease}.task-ticket:nth-child(4n+2){--ticket-color: #ffd35a}.task-ticket:nth-child(4n+3){--ticket-color: #2faf9f}.task-ticket:nth-child(4n){--ticket-color: #59d9e8}.task-ticket.is-paused{background:#d8cef4;border-left-color:#9b69d7;opacity:.76;box-shadow:3px 3px #70649b}.task-number{color:#b23a29;font:900 15px Georgia,serif}.task-name{font-size:14px;font-weight:800;overflow-wrap:anywhere}.task-name small{display:block;margin-top:2px;color:#8b6881;font-size:9px;font-weight:700;letter-spacing:.5px}.task-actions{display:flex;gap:5px}.task-ticket button{min-width:38px;padding:5px 7px;border:2px solid #211a3f;box-shadow:2px 2px #70649b;font-size:10px;font-weight:900}.task-ticket button:hover:not(:disabled){transform:translateY(-1px)}.task-ticket button:disabled{opacity:.45}.pause-button{color:#211a3f;background:#59d9e8}.is-paused .pause-button{color:#211a3f;background:#2faf9f}.delete-button{color:#211a3f;background:#ff9a96}.ticket-note{margin:12px 0 0;color:#786853;font-size:11px;text-align:center}.result-booth{display:grid;grid-template-columns:160px 1fr;min-height:116px;margin:0 26px 26px;color:#211a3f;background:#fff2c2;border:4px solid #211a3f;box-shadow:6px 6px #2faf9f;overflow:hidden}.result-label{display:grid;place-items:center;padding:18px;color:#fff2c2;background:#34275f;font-size:15px;font-weight:900;letter-spacing:3px;writing-mode:vertical-rl}.result-main{display:flex;align-items:center;gap:18px;padding:16px 24px}.draw-balls{flex:0 0 61px;width:61px;height:61px;display:grid;place-items:center;color:#211a3f;background:#ffd35a;border:4px double #fff2c2;border-radius:0;font:900 23px ui-monospace,monospace;box-shadow:5px 5px #9b69d7}.result-main p{color:#8c7453;font-size:11px;font-weight:900;letter-spacing:2px}.result-main h2{margin:4px 0 0;font-size:clamp(20px,3vw,33px);line-height:1.15}.has-winner{background:#ffe099}.has-winner .draw-balls{color:#211a3f;background:#ff6b67}.history{grid-column:2;display:flex;gap:8px;flex-wrap:wrap;padding:0 24px 12px;color:#786853;font-size:11px}.history span{padding-right:8px;border-right:1px solid #c5ad80}.history span:first-child{color:#b23a29;font-weight:900}footer{display:flex;justify-content:space-between;gap:20px;padding:10px 26px;color:#fff2c2;background:#34275f;border-top:4px solid #211a3f;font-size:10px;font-weight:800;letter-spacing:1px}@media(max-width:850px){.app-shell{width:min(690px,calc(100% - 22px));margin:11px auto;box-shadow:6px 6px #59d9e8,10px 10px #9b69d7}.masthead{grid-template-columns:64px 1fr;gap:15px;min-height:112px;padding:18px}.brand-stamp{width:58px;height:58px;font-size:17px}.issue-number{display:none}.workspace{grid-template-columns:1fr;padding:16px}.wheel-panel{padding-top:27px}.wheel-wrap{width:min(100%,460px)}.ticket-card{min-height:0}.task-list{max-height:310px}.result-booth{margin:0 16px 16px}}@media(max-width:520px){.app-shell{width:calc(100% - 14px);border-width:3px}.masthead{grid-template-columns:47px 1fr;min-height:96px;padding:14px 12px}.brand-stamp{width:43px;height:43px;border-width:2px;font-size:13px;letter-spacing:1px}.eyebrow{font-size:9px;letter-spacing:1px}.masthead h1{margin-top:5px;font-size:31px;letter-spacing:2px}.subtitle{font-size:11px}.workspace{gap:17px;padding:10px}.wheel-panel{padding:28px 6px 18px;box-shadow:5px 5px #ffd35a}.panel-label{top:9px;left:9px}.wheel-wrap{width:100%}.spin-button{width:83%}.ticket-panel{padding-right:3px}.ticket-card{padding:20px 12px 13px;box-shadow:5px 5px #9b69d7}.task-ticket{grid-template-columns:34px 1fr auto;gap:6px}.task-actions{flex-direction:column;gap:3px}.task-ticket button{padding:3px 5px}.ticket-heading h2{font-size:24px}.group-tabs{flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}.group-tab,.new-group-button{flex:0 0 auto}.group-form{flex-wrap:wrap}.group-form input{flex-basis:100%}.input-row input{padding-inline:9px;font-size:13px}.input-row button{padding-inline:13px}.task-list{max-height:292px}.result-booth{grid-template-columns:58px 1fr;margin:0 10px 10px;min-height:104px}.result-label{padding:8px;font-size:12px;letter-spacing:2px}.result-main{gap:13px;padding:14px}.draw-balls{flex-basis:48px;width:48px;height:48px;font-size:18px}.result-main h2{font-size:18px}.history{grid-column:2;padding:0 14px 11px}footer{padding:9px 12px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}body{background:#f3effa;background-image:none}.app-shell{border:2px solid #4b5872;background:#fffdf2;box-shadow:5px 5px #93ddf3}.masthead{min-height:124px;color:#38445f;background:#fffdf2;border-bottom:2px solid #4b5872}.brand-stamp{color:#38445f;background:#ff8a74;border:2px solid #4b5872;border-radius:0;box-shadow:3px 3px #ffd96b;transform:rotate(-2deg)}.eyebrow{color:#e85f5b}.masthead h1{color:#38445f;text-shadow:2px 2px 0 #ffd96b}.subtitle{color:#66728d;opacity:1}.issue-number{color:#38445f;background:#ffd96b;border:2px solid #4b5872;box-shadow:3px 3px #cbbbf2}.town-banner{position:relative;height:168px;overflow:hidden;border-bottom:2px solid #4b5872;background:#d9eef3}.town-banner img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;image-rendering:pixelated}.town-banner-label{position:absolute;left:20px;bottom:14px;padding:8px 12px;color:#38445f;background:#fffdf2;border:2px solid #4b5872;box-shadow:3px 3px #ff8a74}.town-banner-label strong,.town-banner-label span{display:block}.town-banner-label strong{font-size:14px;letter-spacing:2px}.town-banner-label span{margin-top:2px;color:#6d7890;font-size:10px;font-weight:800}.workspace{gap:20px;padding:20px;background:#fffdf2}.wheel-panel{padding-top:30px;background:#dff6ef;border:2px solid #4b5872;box-shadow:4px 4px #93ddf3}.panel-label{color:#38445f;background:#ff9a82;border:2px solid #4b5872}.spin-button{color:#38445f;background:#ff8a74;border:2px solid #4b5872;box-shadow:4px 4px #cbbbf2}.spin-button:not(:disabled):hover{background:#ffa18d;box-shadow:5px 5px #cbbbf2}.spin-button:not(:disabled):active{box-shadow:1px 1px #cbbbf2}.ticket-card{background:#fffdf7;border:2px solid #4b5872;box-shadow:4px 4px #cbbbf2}.ticket-heading{border-bottom-color:#d8c785}.ticket-heading p{color:#df625c}.task-count{color:#38445f;background:#ffd96b;border:2px solid #4b5872;box-shadow:2px 2px #93ddf3}.group-switcher{border-bottom-color:#d7c995}.group-tab,.new-group-button{color:#38445f;border:2px solid #4b5872}.group-tab{background:#eee8fb}.group-tab:nth-child(3n+2){background:#dff6ef}.group-tab:nth-child(3n){background:#e2f5fb}.group-tab.is-selected{color:#38445f;background:#ffd96b;box-shadow:2px 2px #ff8a74}.new-group-button{color:#38445f;background:#ffdcd4}.group-controls span{color:#758097}.group-controls button{color:#38445f;background:#dff4fb;border:1.5px solid #4b5872;box-shadow:2px 2px #cbbbf2}.group-controls .group-delete-button{background:#ffe0dc}.group-form input,.input-row input{color:#38445f;background:#fff;border-color:#4b5872}.group-form button{color:#38445f;background:#dff6ef;border-color:#4b5872}.delete-confirm{background:#fff0e7;border:2px solid #da746c;box-shadow:2px 2px #ffd3ca}.delete-confirm button{color:#38445f;background:#ffb3a4;border:1.5px solid #4b5872}.delete-confirm button:last-child{background:#e6f6f1}.input-row input{border-width:2px;border-right:0}.input-row button{color:#38445f;background:#9edff0;border:2px solid #4b5872;box-shadow:2px 2px #cbbbf2}.task-ticket{background:#fffdf2;border:1.5px solid #a7afbe;border-left:5px solid var(--ticket-color,#ff8a74);box-shadow:2px 2px #e7dec0}.task-ticket.is-paused{background:#f0edf8;border-left-color:#b8a7e7;box-shadow:2px 2px #ddd7e9}.task-number{color:#d8615c}.task-name small{color:#828ba0}.task-ticket button{color:#38445f;border:1.5px solid #6f7b93;box-shadow:1px 1px #c7cddd}.pause-button{background:#d9f4f8}.is-paused .pause-button{background:#d8f0e8}.delete-button{background:#ffe0dc}.result-booth{color:#38445f;background:#fff8df;border:2px solid #4b5872;box-shadow:4px 4px #a8e2d2}.result-label{color:#38445f;background:#ffd96b}.draw-balls{color:#38445f;background:#ffd96b;border:2px solid #4b5872;box-shadow:3px 3px #cbbbf2}.has-winner{background:#fff1d3}.has-winner .draw-balls{color:#38445f;background:#ff9a82}footer{color:#657087;background:#eef8f5;border-top:2px solid #4b5872}@media(max-width:850px){.app-shell{box-shadow:4px 4px #93ddf3}.workspace{padding:14px}.town-banner{height:145px}.wheel-panel,.ticket-card{box-shadow:3px 3px #93ddf3}}@media(max-width:520px){body{background:#f3effa}.app-shell{width:calc(100% - 12px);margin:6px auto;border-width:2px}.masthead{min-height:92px}.town-banner{height:122px}.town-banner-label{left:10px;bottom:9px;padding:6px 9px}.town-banner-label strong{font-size:12px}.town-banner-label span{font-size:9px}.workspace{padding:9px}.wheel-panel{box-shadow:3px 3px #93ddf3}.ticket-card{box-shadow:3px 3px #cbbbf2}.result-booth{box-shadow:3px 3px #a8e2d2}}