@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Noto+Sans+TC:wght@400;600;700;800;900&display=swap";:root{font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;color:#fff7df;background:#071116;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.demo-banner{position:sticky;z-index:100;top:0;padding:10px 16px;text-align:center;color:#fff;background:#9b1c1c;font-weight:900}.topbar a,.room-card a{color:var(--accent)}.demo-banner+#root .demo-banner{display:none}button,select{font:inherit}button{cursor:pointer}.app{--accent:#c9f43a;--accent2:#8dcc40;--cream:#fff7df;--bg:#071116;--top:#172a2e;--panel:rgba(12,27,29,.82);--line:rgba(255,255,255,.13);min-height:100vh;color:var(--cream);background:radial-gradient(circle at 70% -10%,rgba(114,167,108,.26),transparent 36%),radial-gradient(circle at 10% 95%,rgba(201,244,58,.09),transparent 30%),linear-gradient(150deg,var(--top),var(--bg) 72%);transition:.35s ease}.app[data-theme=caramel]{--accent:#ffd064;--accent2:#df943f;--cream:#fff0d0;--bg:#140b08;--top:#40271c;--panel:rgba(54,31,20,.84)}.app[data-theme=berry]{--accent:#ff5b9d;--accent2:#b05cf1;--cream:#fff1f8;--bg:#100917;--top:#321b38;--panel:rgba(48,22,55,.84)}.app:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:repeating-linear-gradient(112deg,transparent 0 38px,rgba(255,255,255,.04) 39px 40px),repeating-linear-gradient(22deg,transparent 0 70px,rgba(0,0,0,.22) 71px 73px)}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:min(1180px,92vw);margin:auto;padding:28px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;padding:0;color:inherit;border:0;background:transparent;text-align:left}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#15210c;background:var(--accent);font:22px Archivo Black,sans-serif;transform:rotate(-5deg);box-shadow:0 8px 25px color-mix(in srgb,var(--accent) 28%,transparent)}.brand b{display:block;font:14px Archivo Black,sans-serif;letter-spacing:.08em}.brand small{display:block;margin-top:2px;color:#ffffff85;font-size:10px;letter-spacing:.18em}nav{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#00000026}nav button{min-height:38px;padding:0 17px;color:#ffffff8c;border:0;border-radius:999px;background:transparent;font-size:12px;font-weight:800}nav button.active{color:#15210c;background:var(--accent)}.game-wrap,.admin-page,.admin-login-page{position:relative;z-index:1;width:min(1120px,92vw);margin:auto;padding:48px 0 60px}.start-screen{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:center;gap:clamp(34px,7vw,90px);width:min(1120px,92vw);min-height:calc(100vh - 100px);margin:auto;padding:55px 0 90px;overflow:hidden}.start-copy{position:relative;z-index:2;max-width:720px}.start-kicker{display:flex;align-items:center;gap:9px;margin:0 0 22px;color:#ffffff9e;font-size:11px;font-weight:900;letter-spacing:.14em}.start-kicker span{display:grid;place-items:center;width:34px;height:34px;color:#17210d;border-radius:10px;background:var(--accent);font:13px Archivo Black;transform:rotate(-5deg)}.start-copy h1{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 .13em;max-width:700px;font-family:Archivo Black,Noto Sans TC,sans-serif;font-size:clamp(64px,10.5vw,132px);line-height:.78;letter-spacing:-.085em;text-transform:uppercase}.start-copy h1 small{flex-basis:100%;margin:0 0 18px 7px;color:#ffffffad;font:900 clamp(18px,2vw,28px) "Noto Sans TC";letter-spacing:.38em}.start-copy h1 strong{position:relative;color:var(--cream);text-shadow:0 10px 40px rgba(0,0,0,.35)}.start-copy h1 strong:after{content:"";position:absolute;left:3%;right:-4%;bottom:-9px;height:7px;border-radius:9px;background:var(--accent);transform:rotate(-2deg);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 46%,transparent)}.start-copy h1 em{color:var(--accent);font-style:normal;font-size:.43em;letter-spacing:-.08em;transform:translateY(-4px)}.start-intro{max-width:520px;margin:34px 0 24px;color:#ffffff94;font-size:14px;line-height:1.8}.start-rule{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:28px;color:#ffffff80;font-size:11px;font-weight:800}.start-rule i{display:grid;place-items:center;width:25px;height:25px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:50%;font:9px Archivo Black}.start-rule b{color:#fff3}.start-button{display:flex;align-items:center;justify-content:space-between;gap:34px;min-width:245px;padding:8px 9px 8px 25px;color:#17210d;border:0;border-radius:18px;background:var(--accent);box-shadow:0 16px 45px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px #ffffff4d;font-weight:900;transition:.18s ease}.start-button:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 22px 55px color-mix(in srgb,var(--accent) 30%,transparent)}.start-button i{display:grid;place-items:center;width:54px;height:54px;color:var(--cream);border-radius:12px;background:#17210d;font:10px Archivo Black;letter-spacing:.12em}.start-brief{position:relative;z-index:2;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#ffffff17,#ffffff06);box-shadow:0 30px 80px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:rotate(2deg)}.start-brief>p{margin:0 0 16px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.18em}.start-brief div{padding:13px 0;border-top:1px solid var(--line)}.start-brief span,.start-brief small{display:block;color:#ffffff61;font-size:9px}.start-brief b{display:block;margin-top:4px;font-size:14px}.start-brief small{margin-top:15px;line-height:1.6}.join-card{transform:rotate(1deg)}.join-card h2{margin:-6px 0 19px;font-size:24px}.join-card label{display:grid;gap:7px;margin-top:12px;color:#ffffff80;font-size:10px;font-weight:800}.join-card .start-button{width:100%;min-width:0;margin-top:3px}.join-card .start-button:disabled{opacity:.55;cursor:wait}.join-error{min-height:32px;padding:8px 1px 4px!important;color:#ff8d7c;border:0!important;font-size:10px}.start-orbit{position:absolute;display:grid;place-items:center;width:72px;height:84px;color:#17210d;border-radius:16px;background:#fff9e8;font:32px Archivo Black;box-shadow:0 8px #c9c3b2,0 20px 40px #0003;opacity:.12;pointer-events:none}.orbit-one{right:24%;top:8%;transform:rotate(17deg)}.orbit-two{right:5%;top:27%;transform:rotate(-12deg) scale(.78)}.orbit-three{left:47%;bottom:7%;transform:rotate(9deg) scale(.72)}.orbit-four{left:2%;top:19%;transform:rotate(-18deg) scale(.55)}.complete-screen{position:relative;z-index:1;display:grid;place-items:center;min-height:calc(100vh - 100px);padding:50px 20px}.complete-card{width:min(520px,92vw);padding:42px;border:1px solid var(--line);border-radius:30px;background:var(--panel);box-shadow:0 35px 100px #00000057;text-align:center}.complete-card h1{font-size:38px}.complete-score{display:block;margin:25px 0 0;color:var(--accent);font:clamp(64px,12vw,92px) "Archivo Black";line-height:1}.complete-card>small{color:#fff6;font-size:10px;letter-spacing:.15em}.complete-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0 15px}.complete-meta span{padding:12px;border:1px solid var(--line);border-radius:13px;color:#ffffff73;font-size:10px}.complete-meta b{display:block;margin-top:4px;color:var(--cream);font-size:13px}.save-state{min-height:38px;margin:0 0 18px;color:#ffffff7a;font-size:11px}.save-state.saved{color:var(--accent)}.save-state.error{color:#ff8d7c}.complete-card .primary{min-height:48px;padding:0 25px;border-radius:999px;font-weight:900}.game-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.23em}h1{margin:0;font-size:clamp(28px,4.5vw,50px);line-height:1.15;letter-spacing:-.055em}h1 em{color:var(--accent);font-style:normal}.game-meta{display:flex;align-items:stretch;gap:8px}.score-pill,.timer-pill,.combo-pill{min-width:112px;padding:12px 18px;border:1px solid var(--line);border-radius:18px;background:#0000002e;text-align:right}.score-pill small,.timer-pill small,.combo-pill small{display:block;color:#ffffff7a;font-size:10px}.score-pill b,.timer-pill b,.combo-pill b{color:var(--accent);font:22px Archivo Black,sans-serif}.combo-pill{min-width:92px}.combo-pill.active{border-color:#ffd45c;box-shadow:0 0 22px #ffd45c2e}.combo-pill.active b{color:#ffd45c}.timer-pill i{margin-left:3px;font:800 10px Noto Sans TC,sans-serif}.timer-pill.danger{border-color:#ff6f5f;animation:pulse 1s infinite}.timer-pill.danger b{color:#ff7f6f}@keyframes pulse{50%{box-shadow:0 0 0 4px #ff6f5f1f}}.prompt-card{position:relative;overflow:hidden;padding:34px clamp(20px,5vw,54px) 28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#ffffff13,#ffffff06);box-shadow:0 28px 80px #00000038;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.prompt-card:after{content:"";position:absolute;right:-70px;top:-80px;width:210px;height:210px;border-radius:50%;background:var(--accent);opacity:.07;filter:blur(2px)}.prompt-card.correct{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 28px 80px #00000038}.prompt-card.timeout{border-color:#ff7f6f;box-shadow:0 0 0 1px #ff7f6f,0 28px 80px #00000038}.prompt-card.wrong,.prompt-card.incomplete{animation:nudge .28s ease}@keyframes nudge{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.prompt-card p{margin:0 0 25px;color:#ffffff9e;font-size:13px}.slots{display:flex;justify-content:center;gap:clamp(8px,1.5vw,14px)}.slots button{width:clamp(42px,8vw,66px);aspect-ratio:1;color:var(--cream);border:1px dashed rgba(255,255,255,.28);border-radius:15px;background:#0000002b;font:clamp(22px,4vw,34px) "Archivo Black",sans-serif}.slots button.filled{color:#17210d;border-style:solid;border-color:var(--accent);background:var(--accent);transform:translateY(-4px);box-shadow:0 9px color-mix(in srgb,var(--accent2) 65%,#111),0 14px 28px #0003}.progress{overflow:hidden;width:min(430px,70%);height:4px;margin:30px auto 0;border-radius:9px;background:#ffffff14}.progress span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:.25s}.letter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,82px));justify-content:center;gap:10px;margin:22px 0}.letter-grid button{position:relative;aspect-ratio:.85;min-width:0;color:#17210d;border:0;border-radius:15px;background:#fff9e8;font:clamp(22px,3vw,34px) "Archivo Black",sans-serif;box-shadow:0 6px #c9c3b2,0 11px 22px #0003;transition:.15s}.letter-grid button:hover{transform:translateY(-3px)}.letter-grid button span{position:absolute;right:7px;bottom:5px;color:#7f7a6c;font:700 8px Noto Sans TC,sans-serif}.letter-grid button.used{opacity:.2;transform:scale(.9);pointer-events:none}.game-actions{display:flex;justify-content:center;gap:10px}.game-actions button{min-height:50px;padding:0 24px;border-radius:999px;font-weight:900}.ghost{color:var(--cream);border:1px solid var(--line);background:#ffffff0a}.ghost:disabled{opacity:.3;cursor:not-allowed}.primary{color:#15210c;border:0;background:var(--accent);box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 18%,transparent)}.primary span{margin-left:18px}.warning{margin:18px 0 0;color:#ff9e8c;text-align:center;font-size:12px}.game-heading h1 small{color:#ffffff59;font-size:.45em;letter-spacing:0}.admin-login-page{display:grid;place-items:center;min-height:calc(100vh - 100px)}.admin-login-card{width:min(430px,94vw);padding:34px;border:1px solid var(--line);border-radius:26px;background:var(--panel);box-shadow:0 30px 90px #00000059}.login-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:24px;color:#17210d;border-radius:14px;background:var(--accent);font:24px Archivo Black;transform:rotate(-4deg)}.admin-login-card h1{font-size:32px}.admin-login-card>p:not(.eyebrow){margin:8px 0 24px;color:#ffffff80;font-size:13px}.admin-login-card label{display:grid;gap:7px;margin-top:14px;color:#ffffff8f;font-size:11px;font-weight:800}.admin-login-card button{width:100%;min-height:48px;color:#17210d;border:0;border-radius:999px;background:var(--accent);font-weight:900}.admin-login-card button:disabled{opacity:.6;cursor:wait}.login-error{min-height:35px;padding:8px 2px;color:#ff8c7c;font-size:11px}.admin-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.admin-title>div>p:last-child,.bank-header p{margin:8px 0 0;color:#ffffff85;font-size:13px}.admin-summary{display:flex;align-items:center;gap:8px}.bank-stats{display:flex;gap:8px}.bank-stats span{min-width:104px;padding:12px 15px;border:1px solid var(--line);border-radius:15px;background:#00000026;color:#ffffff7a;font-size:10px}.bank-stats b{display:block;color:var(--accent);font:20px Archivo Black}.logout-button{min-height:46px;padding:0 16px;color:var(--cream);border:1px solid var(--line);border-radius:14px;background:#ffffff0a;font-size:11px;font-weight:800}.settings-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;margin-top:30px}.setting-card{position:relative;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.setting-card>span{position:absolute;right:20px;top:18px;color:var(--accent);font:20px Archivo Black;opacity:.6}.setting-card h2{margin:0 0 22px;font-size:18px}.field-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field-row label{display:grid;gap:7px;color:#ffffff80;font-size:11px;font-weight:800}.room-panel{overflow:hidden;margin-top:28px;border:1px solid var(--line);border-radius:24px;background:var(--panel)}.room-create{display:grid;grid-template-columns:1fr 120px auto;align-items:end;gap:12px;padding:24px}.room-create h2{margin:0}.room-create p:last-child{margin:7px 0 0;color:#ffffff73;font-size:11px}.room-create label{display:grid;gap:6px;color:#ffffff7a;font-size:10px;font-weight:800}.room-create>button{height:46px;padding:0 18px;color:#17210d;border:0;border-radius:12px;background:var(--accent);font-weight:900}.room-create>button:disabled,.room-card-head button:disabled{opacity:.55;cursor:wait}.room-settings{display:flex;flex-wrap:wrap;gap:7px;padding:12px 24px;border-block:1px solid var(--line);background:#00000021}.room-settings span{padding:5px 9px;color:#ffffffa6;border:1px solid var(--line);border-radius:999px;font-size:9px;font-weight:800}.room-notice{margin-bottom:0}.room-list{display:grid;gap:9px;padding:14px}.room-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#ffffff06}.room-card.open{border-color:color-mix(in srgb,var(--accent) 36%,transparent)}.room-card-head{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:14px;padding:14px 16px}.room-card-head>div:first-child small{color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.15em}.room-card.closed .room-card-head>div:first-child small{color:#ffffff59}.room-card-head>div:first-child b{display:block;color:var(--cream);font:26px Archivo Black;letter-spacing:.09em}.room-card-head>div:nth-child(2) span{display:block;color:#ffffff73;font-size:10px;line-height:1.7}.room-card-head button{padding:9px 12px;color:#ff9b8d;border:1px solid rgba(255,125,109,.28);border-radius:10px;background:#ff7d6d12;font-size:10px;font-weight:900}.room-card-head em{color:var(--accent);font-size:10px;font-style:normal;font-weight:900}.ranking-wrap{padding:14px 16px 17px;border-top:1px solid var(--line);background:#0000001f}.ranking-title{display:flex;justify-content:space-between;margin-bottom:8px}.ranking-title b{font-size:12px}.ranking-title span{color:#ffffff59;font-size:9px}.ranking-list{display:grid;gap:5px;margin:0;padding:0;list-style:none}.ranking-list li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;background:#ffffff09}.ranking-list i{display:grid;place-items:center;width:24px;height:24px;color:#17210d;border-radius:7px;background:var(--accent);font:10px Archivo Black}.ranking-list b{font-size:12px}.ranking-list strong{color:var(--accent);font:12px Archivo Black}.room-empty{margin:0;padding:18px;color:#ffffff59;text-align:center;font-size:11px}select,input{width:100%;height:46px;padding:0 12px;color:var(--cream);border:1px solid var(--line);border-radius:12px;outline:0;background:#0005}select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}select option{color:#111}.theme-grid{display:grid;gap:8px}.theme-grid button{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:10px;color:var(--cream);border:1px solid var(--line);border-radius:14px;background:#ffffff08;text-align:left}.theme-grid button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-grid i{grid-row:1/3;display:block;width:40px;height:40px;border-radius:11px}.theme-grid b{font-size:12px}.theme-grid small{color:#ffffff6b;font-size:9px}.preset-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.preset-row button{padding:7px 10px;color:var(--cream);border:1px solid var(--line);border-radius:999px;background:#ffffff0a;font-size:10px;font-weight:800}.preset-row small{margin-left:3px;color:var(--accent)}.difficulty-label{display:block;margin:17px 0 7px;color:#ffffff80;font-size:11px;font-weight:800}.difficulty-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.difficulty-row button{display:grid;gap:2px;padding:9px 6px;color:var(--cream);border:1px solid var(--line);border-radius:11px;background:#ffffff08}.difficulty-row button.selected{color:#17210d;border-color:var(--accent);background:var(--accent)}.difficulty-row b{font-size:11px}.difficulty-row small{font-size:8px;opacity:.58}.bank-panel{overflow:hidden;margin-top:16px;border:1px solid var(--line);border-radius:24px;background:var(--panel)}.bank-header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:24px}.bank-header h2{margin:0}.add-form{display:flex;gap:8px;width:min(540px,55%)}.add-form select{flex:0 0 110px}.add-form input{flex:1;min-width:120px}.add-form button{min-width:116px;padding:0 15px;color:#17210d;border:0;border-radius:12px;background:var(--accent);font-weight:900}.bank-toolbar{display:grid;grid-template-columns:minmax(150px,1fr) 140px 140px auto;align-items:center;gap:8px;padding:13px 24px;border-block:1px solid var(--line);background:#0000001f}.bank-toolbar span{color:#ffffff6b;font-size:11px;text-align:right}.notice{display:block;margin:12px 24px 0;padding:7px 12px;color:#17210d;border:0;border-radius:9px;background:var(--accent);font-size:11px;font-weight:800}.word-table-wrap{max-height:430px;overflow:auto;padding:0 24px 14px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:13px 9px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}th{position:sticky;top:0;z-index:1;color:#ffffff61;background:color-mix(in srgb,var(--bg) 92%,transparent);font-size:9px;letter-spacing:.08em}tr.disabled{opacity:.35}.category-tag{display:inline-block;min-width:54px;padding:4px 8px;border-radius:999px;background:#ffffff12;text-align:center;font-size:10px}.category-tag.fruit{color:#c9f43a}.category-tag.dessert{color:#ff9bc4}.category-tag.drink{color:#8bdff7}.category-tag.animal{color:#ffc86b}.category-tag.vehicle{color:#8fb5ff}.category-tag.sport{color:#62e1ad}.category-tag.job{color:#dba6ff}.category-tag.object{color:#ffad8d}.switch{width:34px;height:20px;padding:2px;border:0;border-radius:999px;background:#ffffff26}.switch i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:var(--accent)}.switch.on i{transform:translate(14px);background:#17210d}.delete{padding:4px 8px;color:#ff9c8c;border:1px solid rgba(255,92,78,.3);border-radius:7px;background:#ff5c4e14;font-size:10px}@media(max-width:760px){.topbar{padding:18px 0}.brand small{display:none}.start-screen{grid-template-columns:1fr;align-content:center;gap:30px;padding:40px 0 70px}.start-copy h1{font-size:clamp(60px,19vw,105px)}.start-copy h1 em{font-size:.38em}.start-brief{width:min(100%,430px);transform:none}.game-wrap,.admin-page{padding-top:30px}.game-heading{align-items:flex-start;flex-direction:column}.score-pill{display:none}.timer-pill,.combo-pill{min-width:82px;padding-inline:12px}.prompt-card{padding-top:24px}.letter-grid{grid-template-columns:repeat(auto-fit,minmax(52px,68px))}.complete-meta{grid-template-columns:1fr}.admin-title,.bank-header{align-items:stretch;flex-direction:column}.admin-summary{align-items:stretch}.bank-stats{display:none}.room-create{grid-template-columns:1fr 110px}.room-create>div{grid-column:1/3}.room-card-head{grid-template-columns:100px 1fr}.room-card-head>button,.room-card-head>em{grid-column:1/3}.settings-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr 1fr}.add-form{width:100%}.bank-toolbar{grid-template-columns:1fr 1fr}.bank-toolbar input{grid-column:1/3}.bank-toolbar span{text-align:left}.word-table-wrap{padding-inline:14px}.word-table-wrap table{min-width:620px}}@media(max-width:450px){nav button{padding:0 11px;font-size:11px}.brand b{font-size:11px}.brand-mark{width:36px;height:36px}.game-wrap{width:92vw}.slots{gap:6px}.slots button{border-radius:11px}.letter-grid{gap:7px}.letter-grid button{border-radius:11px}.game-actions button{padding:0 17px}}