:root{--cream: #f5ecd7;--dark: #1a1208;--gold: #c8973a;--ink: #2c1810}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;height:100dvh;overflow:hidden}body{background-color:#0c0701;font-family:Noto Sans Thai,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(200,151,58,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,58,30,.08) 0%,transparent 50%);pointer-events:none}.game-wrapper{width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:max(env(safe-area-inset-top),12px) 20px max(env(safe-area-inset-bottom),10px);z-index:1}.header{display:flex;align-items:center;justify-content:center;width:100%;flex-shrink:0;position:relative}.header-center{text-align:center}.title{font-family:Playfair Display,serif;font-size:clamp(1.2rem,5vw,1.8rem);color:var(--gold);letter-spacing:.05em;line-height:1}.subtitle{font-size:clamp(.52rem,2vw,.66rem);color:#f5ecd761;letter-spacing:.18em;text-transform:uppercase;margin-top:2px;transition:opacity .25s}.header-left{display:flex;align-items:center;gap:4px;position:absolute;left:0}.header-right{display:flex;align-items:center;gap:4px;position:absolute;right:0}.header-session-row{display:flex;justify-content:center;width:100%;flex-shrink:0;margin-top:-2px}.btn-icon{width:30px;height:30px;border-radius:50%;border:1px solid rgba(200,151,58,.28);background:transparent;color:#c8973a8c;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;transition:all .2s;flex-shrink:0}.btn-icon:active{background:#c8973a1a}#langFlag{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:1rem;line-height:1}.filter-row{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.filter-label{font-size:.55rem;color:#f5ecd74d;letter-spacing:.15em;text-transform:uppercase;width:100%;margin-bottom:2px}.filter-btn{padding:4px 11px;border-radius:999px;border:1px solid rgba(200,151,58,.2);background:transparent;color:#f5ecd766;font-family:Noto Sans Thai,sans-serif;font-size:.72rem;cursor:pointer;transition:all .18s;touch-action:manipulation}.filter-btn.active{background:#c8973a26;color:var(--gold);border-color:#c8973a8c;font-weight:700}.filter-row.playmode .filter-btn{border-color:#78b4ff33;color:#96c8ff73}.filter-row.playmode .filter-btn.active{background:#78b4ff1f;color:#96c8ffd9;border-color:#78b4ff73;font-weight:700}.custom-panel{width:100%;display:none;flex-direction:column;gap:12px;background:#ffffff08;border:1px solid rgba(200,151,58,.15);border-radius:14px;padding:14px 16px;margin-top:2px}.custom-panel.open{display:flex}.custom-apply{width:100%;padding:10px;border-radius:999px;border:none;background:var(--gold);color:var(--dark);font-family:Noto Sans Thai,sans-serif;font-size:.86rem;font-weight:700;cursor:pointer;margin-top:2px;touch-action:manipulation}.custom-apply:active{opacity:.85}.session-badge{font-size:.62rem;padding:4px 14px;border-radius:999px;border:1px solid rgba(200,151,58,.28);color:#c8973a99;cursor:pointer;background:transparent;touch-action:manipulation;transition:all .2s;font-family:Noto Sans Thai,sans-serif;font-weight:600;letter-spacing:.04em}.session-badge:active{background:#c8973a1a}.card-wrap{position:relative;flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;width:100%}.card-scene{perspective:1000px;width:min(340px,82vw);height:min(450px,54dvh);position:relative}.card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);cursor:pointer;touch-action:manipulation}.card.flipped{transform:rotateY(180deg)}.card.no-transition{transition:none!important}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1rem,4.5vw,1.8rem)}.card-back{background:var(--cream);border:2px solid rgba(200,151,58,.18)}.card-back-pattern{position:absolute;inset:0;border-radius:18px;overflow:hidden}.card-back-pattern svg{width:100%;height:100%;opacity:.1}.card-back-content{position:relative;z-index:1;text-align:center}.card-back-icon{font-size:clamp(2rem,7vw,2.8rem);margin-bottom:.5rem;display:block}.card-back-label{font-family:Anuphan,Noto Sans Thai,Noto Sans,sans-serif;font-size:clamp(1rem,4vw,1.35rem);color:var(--ink);font-style:normal;font-weight:600;transition:opacity .2s}.card-back-hint{margin-top:4px;font-size:.66rem;color:#1c100859;letter-spacing:.15em;text-transform:uppercase;transition:opacity .2s}.card-front{background:var(--dark);border:1px solid rgba(200,151,58,.18);transform:rotateY(180deg);overflow:hidden}.card-front:before{content:"";position:absolute;inset:10px;border:1px solid rgba(200,151,58,.12);border-radius:10px;pointer-events:none}.card-top-row{position:absolute;top:1rem;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;z-index:2}.card-topic-tag{font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);opacity:.55;white-space:nowrap;transition:opacity .2s}.card-level-dot{display:flex;gap:3px;align-items:center}.dot{width:5px;height:5px;border-radius:50%;background:#c8973a2e}.dot.filled{background:#c8973aa6}.card-number{position:absolute;bottom:1rem;right:1.3rem;font-family:Anuphan,Noto Sans Thai,Noto Sans,sans-serif;font-size:.78rem;font-weight:500;color:#c8973a38}.card-question{font-family:Anuphan,Noto Sans Thai,Noto Sans,sans-serif;font-size:clamp(.9rem,3.5vw,1.1rem);color:var(--cream);text-align:center;line-height:1.65;font-style:normal;font-weight:500;padding:0 .2rem;position:relative;z-index:1;transition:opacity .18s}.card-question:before{content:"";font-size:2.8rem;color:#c8973a17;position:absolute;top:-.9rem;left:-.5rem;line-height:1;font-style:normal}.card-question.fading{opacity:0}.card-translation{font-family:Anuphan,Noto Sans Thai,Noto Sans,sans-serif;font-size:clamp(.67rem,2.5vw,.78rem);color:#c8a56485;text-align:center;line-height:1.55;font-style:normal;font-weight:400;padding:.55rem .5rem 0;margin-top:.6rem;position:relative;z-index:1;transition:opacity .18s;border-top:1px solid rgba(200,151,58,.1)}.card-translation.fading{opacity:0}.card-translation.hidden{display:none}.btn-card-bookmark{position:absolute;top:.85rem;right:1.1rem;background:none;border:none;cursor:pointer;font-size:1rem;z-index:3;opacity:.28;transition:opacity .2s,transform .2s;touch-action:manipulation;padding:4px}.btn-card-bookmark:active{transform:scale(1.25)}.btn-card-bookmark.bookmarked{opacity:1}.skip-badge{position:absolute;bottom:1rem;left:1.3rem;font-size:.55rem;color:#f5ecd733;letter-spacing:.1em;text-transform:uppercase;z-index:2;cursor:pointer;padding:3px 7px;border:1px solid rgba(245,236,215,.1);border-radius:999px;transition:all .2s;touch-action:manipulation}.skip-badge:active{background:#f5ecd714}.card-action{position:absolute;bottom:2.6rem;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.card-action-inner{display:flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;font-size:clamp(.58rem,2.3vw,.7rem);font-family:Noto Sans Thai,sans-serif;max-width:88%;text-align:center;line-height:1.4}.card-action.hidden{display:none}.card-action.type-tell .card-action-inner{background:#c8973a1a;border:1px solid rgba(200,151,58,.28);color:#dcaf5ad9}.card-action.type-group .card-action-inner{background:#78b4ff14;border:1px solid rgba(120,180,255,.22);color:#96c8ffcc}.card-action.type-ask .card-action-inner{background:#be8cff14;border:1px solid rgba(190,140,255,.22);color:#d2aaffcc}.card-action.type-left .card-action-inner,.card-action.type-right .card-action-inner{background:#50a0c814;border-color:#50a0c84d;color:#82c8f0e6}.card-action.type-both .card-action-inner{background:#64aad214;border-color:#64aad24d;color:#8cd2f5e6}.group-badge{position:absolute;top:.9rem;left:50%;transform:translate(-50%);font-size:.58rem;padding:3px 9px;border-radius:999px;background:#78b4ff14;border:1px solid rgba(120,180,255,.2);color:#96c8ffa6;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .2s}.group-badge.visible{opacity:1}.deck-stack{position:absolute;inset:0;z-index:-1}.deck-stack:before{content:"";position:absolute;inset:0;border-radius:18px;background:#e8dcc5;transform:rotate(-2deg) translate(-3px,3px);opacity:.28}.deck-stack:after{content:"";position:absolute;inset:0;border-radius:18px;background:#ddd0b5;transform:rotate(1.5deg) translate(3px,4px);opacity:.18}@keyframes langFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.card-question.lang-in{animation:langFadeIn .22s ease both}@keyframes slideOutNext{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-55px) scale(.93);opacity:0}}@keyframes slideInNext{0%{transform:translate(55px) scale(.93);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideOutPrev{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(55px) scale(.93);opacity:0}}@keyframes slideInPrev{0%{transform:translate(-55px) scale(.93);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.card-scene.slide-out-next{animation:slideOutNext .22s cubic-bezier(.4,0,1,1) forwards}.card-scene.slide-in-next{animation:slideInNext .22s cubic-bezier(0,0,.2,1) forwards}.card-scene.slide-out-prev{animation:slideOutPrev .22s cubic-bezier(.4,0,1,1) forwards}.card-scene.slide-in-prev{animation:slideInPrev .22s cubic-bezier(0,0,.2,1) forwards}@keyframes shuffleFan{0%{transform:rotate(0) translateY(0);opacity:1}18%{transform:rotate(-14deg) translate(-18px) translateY(-12px);opacity:.9}36%{transform:rotate(10deg) translate(14px) translateY(-9px);opacity:.85}52%{transform:rotate(-6deg) translate(-8px) translateY(-5px);opacity:.9}68%{transform:rotate(4deg) translate(5px) translateY(-2px);opacity:.95}84%{transform:rotate(-1.5deg) translate(-2px);opacity:1}to{transform:rotate(0) translateY(0);opacity:1}}@keyframes shuffleDeckBefore{0%{transform:rotate(-2deg) translate(-3px,3px)}25%{transform:rotate(-18deg) translate(-20px,8px)}50%{transform:rotate(12deg) translate(15px,-5px)}75%{transform:rotate(-6deg) translate(-8px,4px)}to{transform:rotate(-2deg) translate(-3px,3px)}}@keyframes shuffleDeckAfter{0%{transform:rotate(1.5deg) translate(3px,4px)}25%{transform:rotate(16deg) translate(18px,-6px)}50%{transform:rotate(-10deg) translate(-12px,8px)}75%{transform:rotate(5deg) translate(7px,-3px)}to{transform:rotate(1.5deg) translate(3px,4px)}}.card-scene.shuffling{animation:shuffleFan .65s cubic-bezier(.4,0,.2,1)}.deck-stack.shuffling:before{animation:shuffleDeckBefore .65s cubic-bezier(.4,0,.2,1)}.deck-stack.shuffling:after{animation:shuffleDeckAfter .65s cubic-bezier(.4,0,.2,1)}.controls{display:flex;align-items:center;justify-content:space-between;width:min(340px,82vw);flex-shrink:0}.btn-nav{width:44px;height:44px;border-radius:50%;border:1px solid rgba(200,151,58,.28);background:transparent;color:#c8973a99;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;transition:background .15s,transform .15s;flex-shrink:0}.btn-nav:active{background:#c8973a1a;transform:scale(.92)}.btn-nav:disabled{opacity:.25;pointer-events:none}.btn-shuffle{display:flex;align-items:center;gap:6px;padding:.7rem 1.45rem;border-radius:999px;border:none;background:var(--gold);color:var(--dark);font-family:Noto Sans Thai,sans-serif;font-size:clamp(.82rem,3vw,.92rem);font-weight:700;cursor:pointer;touch-action:manipulation;box-shadow:0 4px 16px #c8973a4d;transition:transform .15s,box-shadow .15s,opacity .15s}.btn-shuffle:active{transform:scale(.95);box-shadow:0 2px 8px #c8973a2e;opacity:.9}@keyframes spinIcon{to{transform:rotate(360deg)}}.btn-shuffle-icon{display:inline-block}.btn-shuffle.spinning .btn-shuffle-icon{animation:spinIcon .5s cubic-bezier(.4,0,.2,1)}.counter{font-size:.66rem;color:#f5ecd740;letter-spacing:.1em;flex-shrink:0}#bgCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.game-wrapper{position:relative;z-index:1}.session-overlay{position:fixed;inset:0;background:#0c0702eb;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;opacity:0;pointer-events:none;transition:opacity .3s}.session-overlay.open{opacity:1;pointer-events:all}.session-logo{font-family:Playfair Display,serif;font-size:1.6rem;color:var(--cream);font-style:italic;letter-spacing:.04em;margin-bottom:4px}.session-tagline{font-size:.7rem;color:#c8973a8c;letter-spacing:.2em;text-transform:uppercase;margin-bottom:32px}.session-prompt{font-family:Playfair Display,serif;font-size:1rem;color:#f5ecd7b3;font-style:italic;text-align:center;margin-bottom:20px}.session-cards{display:flex;flex-direction:column;gap:10px;width:min(320px,88vw)}.session-card{border-radius:16px;padding:16px 20px;cursor:pointer;touch-action:manipulation;transition:transform .18s,box-shadow .18s;display:flex;align-items:center;gap:14px;text-align:left;border:none;width:100%;background:#ffffff0a;border:1px solid rgba(200,151,58,.18)}.session-card:active{transform:scale(.97)}.session-card.s-chill{border-color:#c8973a4d}.session-card.s-deep{border-color:#a078ff4d}.session-card.s-new{border-color:#64c8a04d}.session-card-emoji{font-size:1.8rem;flex-shrink:0;line-height:1}.session-card-body{display:flex;flex-direction:column;gap:2px}.session-card-title{font-family:Playfair Display,serif;font-size:.95rem;color:var(--cream);font-style:italic}.session-card-desc{font-size:.68rem;color:#f5ecd761;line-height:1.5;font-family:Noto Sans Thai,sans-serif}.session-skip{margin-top:14px;font-size:.68rem;color:#f5ecd733;letter-spacing:.1em;cursor:pointer;text-transform:uppercase;background:none;border:none;touch-action:manipulation}.session-skip:active{color:#f5ecd766}.punish-overlay{position:fixed;inset:0;background:#000000a6;z-index:200;opacity:0;pointer-events:none;transition:opacity .25s;display:flex;align-items:center;justify-content:center;padding:20px}.punish-overlay.open{opacity:1;pointer-events:all}.punish-box{background:#1e1508;border:1px solid rgba(200,151,58,.28);border-radius:20px;padding:28px 24px 22px;width:min(320px,88vw);display:flex;flex-direction:column;align-items:center;gap:14px;transform:scale(.9) translateY(10px);transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000080}.punish-overlay.open .punish-box{transform:scale(1) translateY(0)}.punish-icon{font-size:2.4rem;line-height:1}.punish-title{font-family:Playfair Display,serif;font-size:1.1rem;color:var(--cream);font-style:italic;text-align:center}.punish-sub{font-size:.72rem;color:#f5ecd759;text-align:center;line-height:1.55}.punish-divider{width:100%;height:1px;background:#c8973a1f;margin:2px 0}.punish-result{min-height:52px;display:flex;align-items:center;justify-content:center;width:100%;text-align:center;font-size:1rem;color:var(--cream);font-family:Playfair Display,serif;font-style:italic;padding:8px 12px;background:#c8973a0f;border-radius:10px;border:1px solid rgba(200,151,58,.15);transition:color .15s,transform .15s}.punish-result.revealed{color:var(--gold);transform:scale(1.03)}.punish-btns{display:flex;flex-direction:column;gap:8px;width:100%}.punish-btn-roll{padding:11px;border-radius:999px;border:none;background:var(--gold);color:var(--dark);font-family:Noto Sans Thai,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;touch-action:manipulation;transition:transform .15s,opacity .15s;width:100%}.punish-btn-roll:active{transform:scale(.96);opacity:.88}.punish-btn-confirm{padding:10px;border-radius:999px;border:1px solid rgba(200,151,58,.3);background:transparent;color:#c8973ab3;font-family:Noto Sans Thai,sans-serif;font-size:.82rem;cursor:pointer;touch-action:manipulation;width:100%;display:none}.punish-btn-confirm.show{display:block}.punish-btn-back{padding:10px;border-radius:999px;border:1px solid rgba(245,236,215,.12);background:transparent;color:#f5ecd759;font-family:Noto Sans Thai,sans-serif;font-size:.8rem;cursor:pointer;touch-action:manipulation;width:100%}.penalty-item{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid rgba(200,151,58,.07)}.penalty-item:last-child{border-bottom:none}.penalty-item-text{flex:1;font-size:.88rem;color:var(--cream);line-height:1.4}.penalty-edit-btn{background:none;border:none;color:#f5ecd740;font-size:.8rem;cursor:pointer;padding:3px 6px;touch-action:manipulation}.penalty-edit-btn:active{color:#f5ecd780}.penalty-add-row{display:flex;gap:8px;padding-top:10px;border-top:1px solid rgba(200,151,58,.1);margin-top:6px}.penalty-add-input{flex:1;background:#ffffff0a;border:1px solid rgba(200,151,58,.22);border-radius:999px;color:var(--cream);font-family:Noto Sans Thai,sans-serif;font-size:.82rem;padding:8px 14px;outline:none}.penalty-add-input::placeholder{color:#f5ecd733}.penalty-add-submit{padding:8px 14px;border-radius:999px;border:none;background:var(--gold);color:var(--dark);font-family:Noto Sans Thai,sans-serif;font-size:.8rem;font-weight:700;cursor:pointer;touch-action:manipulation;white-space:nowrap}.skip-badge .skip-hint{font-size:.48rem;opacity:.5;display:block;letter-spacing:.08em}.sheet-overlay{position:fixed;inset:0;background:#0000008c;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s}.sheet-overlay.open{opacity:1;pointer-events:all}.sheet{position:fixed;bottom:0;left:0;right:0;background:#231a0e;border-top:1px solid rgba(200,151,58,.18);border-radius:20px 20px 0 0;padding:0 20px max(env(safe-area-inset-bottom),20px);z-index:101;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);max-height:80dvh;display:flex;flex-direction:column}.sheet.open{transform:translateY(0)}.sheet-handle{width:36px;height:4px;border-radius:2px;background:#c8973a33;margin:12px auto 0;flex-shrink:0}.sheet-title{font-family:Playfair Display,serif;font-size:1.1rem;color:var(--gold);font-style:italic;text-align:center;padding:13px 0 10px;flex-shrink:0;border-bottom:1px solid rgba(200,151,58,.1)}.sheet-body{overflow-y:auto;flex:1;padding:10px 0;-webkit-overflow-scrolling:touch}.bm-empty{text-align:center;padding:28px 0;color:#f5ecd747;font-size:.82rem;line-height:1.8}.bm-item{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid rgba(200,151,58,.07)}.bm-item:last-child{border-bottom:none}.bm-item-text{flex:1}.bm-meta{display:flex;gap:8px;align-items:center;margin-bottom:3px}.bm-item-cat{font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);opacity:.55}.bm-level-dots{display:flex;gap:2px}.bm-dot{width:4px;height:4px;border-radius:50%;background:#c8973a2e}.bm-dot.filled{background:#c8973a99}.bm-item-q{font-family:Playfair Display,serif;font-size:.88rem;color:var(--cream);font-style:italic;line-height:1.6}.bm-remove{background:none;border:none;color:#f5ecd738;font-size:.9rem;cursor:pointer;padding:2px 4px;flex-shrink:0;touch-action:manipulation}.bm-remove:active{color:#f5ecd780}.add-form{display:flex;flex-direction:column;gap:11px;padding:13px 0}.add-form textarea{background:#ffffff0a;border:1px solid rgba(200,151,58,.22);border-radius:12px;color:var(--cream);font-family:Playfair Display,serif;font-size:1rem;font-style:italic;padding:12px;resize:none;outline:none;line-height:1.65;min-height:88px;transition:border-color .2s}.add-form textarea:focus{border-color:#c8973a80}.add-form textarea::placeholder{color:#f5ecd72e}.add-form-row{display:flex;gap:7px;align-items:center}.add-selects{display:flex;gap:5px;flex:1}.add-select{flex:1;background:#ffffff0a;border:1px solid rgba(200,151,58,.22);border-radius:999px;color:#f5ecd7a6;font-family:Noto Sans Thai,sans-serif;font-size:.74rem;padding:7px 10px;outline:none;cursor:pointer;-webkit-appearance:none}.btn-add-submit{padding:8px 16px;border-radius:999px;border:none;background:var(--gold);color:var(--dark);font-family:Noto Sans Thai,sans-serif;font-size:.83rem;font-weight:700;cursor:pointer;touch-action:manipulation;transition:opacity .15s,transform .15s;white-space:nowrap}.btn-add-submit:active{transform:scale(.95);opacity:.88}.add-hint{font-size:.68rem;color:#f5ecd738;text-align:center}.btn-reset-danger{width:100%;margin-top:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,120,120,.38);background:#ff78781a;color:#ffaaaaf2;font-family:Noto Sans Thai,sans-serif;font-size:.76rem;font-weight:700;cursor:pointer;touch-action:manipulation;transition:transform .15s,opacity .15s}.btn-reset-danger:active{transform:scale(.98);opacity:.9}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.age-gate{position:fixed;inset:0;z-index:1000;background:#0c0701;display:grid;place-items:center;padding:24px}.age-gate[hidden],.age-gate.closed{display:none!important;visibility:hidden!important;pointer-events:none!important}.age-gate-box{width:min(440px,92vw);background:#1e1508;border:1px solid rgba(200,151,58,.35);border-radius:22px;padding:28px;color:var(--cream);text-align:center;box-shadow:0 24px 80px #0008}.age-mark{font:700 2rem/1 Playfair Display,serif;color:var(--gold)}.age-gate h1{margin:10px 0;font-family:Playfair Display,serif}.age-gate p{font-size:.9rem;line-height:1.75;color:#f5ecd7bf}.age-primary,.age-secondary{width:100%;margin-top:12px;border-radius:999px;padding:12px;font:700 .9rem Noto Sans Thai,sans-serif;cursor:pointer}.age-primary{border:0;background:var(--gold);color:var(--dark)}.age-secondary{background:transparent;border:1px solid rgba(245,236,215,.2);color:#f5ecd7a6}.app-toast,.update-banner{position:fixed;left:50%;transform:translate(-50%);z-index:900;bottom:max(18px,env(safe-area-inset-bottom));background:#231a0e;border:1px solid rgba(200,151,58,.35);color:var(--cream);padding:10px 14px;border-radius:12px;box-shadow:0 10px 30px #0008}.update-banner{display:flex;gap:8px;align-items:center}.update-banner[hidden],.app-toast[hidden]{display:none}.update-banner button{border:0;border-radius:999px;padding:6px 10px;cursor:pointer}.utility-menu{position:fixed;z-index:500;top:60px;right:16px;background:#231a0e;border:1px solid rgba(200,151,58,.3);padding:10px;border-radius:12px;display:flex;flex-direction:column;gap:6px}.utility-menu[hidden]{display:none}.utility-menu button,.file-label{background:transparent;border:1px solid rgba(200,151,58,.2);color:var(--cream);padding:8px 10px;border-radius:8px;font:inherit;cursor:pointer}.utility-menu .danger{color:#faa;border-color:#f775}.card-question{max-height:62%;overflow:auto;overscroll-behavior:contain}.modal-open{overflow:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media(orientation:landscape)and (max-height:600px){.game-wrapper{padding-top:6px}.card-scene{height:min(330px,62dvh);width:min(280px,46vw)}.controls{width:min(300px,55vw)}.subtitle{display:none}}.custom-q-empty{font-size:.72rem;color:#f5ecd733;text-align:center;padding:10px 0 4px}.custom-q-header{font-size:.58rem;color:#c8973a73;letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px}.custom-q-item{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid rgba(200,151,58,.07)}.custom-q-text{flex:1;font-size:.82rem;color:var(--cream);line-height:1.5;font-family:Playfair Display,serif;font-style:italic;overflow-wrap:anywhere}.custom-q-actions{display:flex;gap:4px;flex-shrink:0;padding-top:2px}.custom-q-edit{background:none;border:1px solid rgba(200,151,58,.25);border-radius:6px;color:#c8973a99;font-size:.68rem;padding:2px 7px;cursor:pointer;touch-action:manipulation}.custom-q-delete{background:none;border:none;color:#f5ecd733;font-size:.85rem;cursor:pointer;padding:2px 4px;touch-action:manipulation}.custom-q-spacer{height:8px}