:root{--bg-darkest: #0D0D0D;--bg-dark: #18191c;--bg-surface: #3B3C40;--bg-card: #232428;--bg-card-hover: #2d2e33;--text-parchment: #F2E2C4;--text-dim: rgba(242, 226, 196, .55);--accent-gold: #A67A46;--highlight-gold: #F2CA99;--border-gold: rgba(166, 122, 70, .45);--border-bright: rgba(242, 202, 153, .7);--glow-gold: rgba(242, 202, 153, .22);--free-bg: rgba(166, 122, 70, .12);--free-border: var(--highlight-gold);--completed-overlay: rgba(166, 122, 70, .52);--highlight-bg: rgba(242, 202, 153, .15);--highlight-border: rgba(242, 202, 153, .75);--danger-dim: rgba(180, 55, 55, .28);--font-display: "Cinzel Decorative", "Georgia", serif;--font-heading: "Cinzel", "Georgia", serif;--font-body: "Crimson Text", "Georgia", serif;--topbar-height: 56px;--panel-width: 440px;--radius: 4px;--radius-lg: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg-darkest);color:var(--text-parchment);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:3px}.btn{display:inline-flex;align-items:center;gap:.35em;font-family:var(--font-heading);font-weight:600;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:.48em 1.1em;border:none;border-radius:var(--radius);cursor:pointer;transition:all .18s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;flex-shrink:0}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#8c6438,#f2ca99,#a67a46);color:#0d0d0d;border:1px solid var(--highlight-gold);box-shadow:0 0 14px #f2ca9947}.btn-primary:not(:disabled):hover{box-shadow:0 0 24px #f2ca9985;transform:translateY(-1px);filter:brightness(1.08)}.btn-secondary{background:#ffffff0a;color:var(--text-parchment);border:1px solid var(--border-gold)}.btn-secondary:not(:disabled):hover{border-color:var(--highlight-gold);color:var(--highlight-gold);background:#f2ca9912}.btn-danger{background:var(--danger-dim);color:#e07070;border:1px solid rgba(180,55,55,.5)}.btn-danger:not(:disabled):hover{background:#b4373775;border-color:#e07070}input,textarea,select{background:#00000061;border:1px solid var(--border-gold);border-radius:var(--radius);color:var(--text-parchment);font-family:var(--font-body);font-size:1rem;padding:.42em .7em;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--highlight-gold);box-shadow:0 0 0 2px var(--glow-gold)}select option{background:var(--bg-card)}.gold-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);margin:.75rem 0}.topbar{height:var(--topbar-height);background:var(--bg-dark);border-bottom:1px solid var(--border-gold);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;gap:.75rem;position:sticky;top:0;z-index:100;flex-shrink:0}.topbar__logo{font-family:var(--font-display);font-size:.95rem;color:var(--highlight-gold);letter-spacing:.08em;text-decoration:none;cursor:pointer;background:none;border:none}.topbar__actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.modal-backdrop{position:fixed;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal{position:relative;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);box-shadow:0 0 50px #000000d9,0 0 24px var(--glow-gold);padding:1.5rem;max-width:500px;width:92%;max-height:88vh;overflow-y:auto;animation:slideUp .2s ease}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.modal__title{font-family:var(--font-heading);font-size:1.25rem;color:var(--highlight-gold);letter-spacing:.05em}.modal__close{position:absolute;top:.75rem;right:.9rem;background:transparent;border:none;color:var(--text-dim);font-size:1.2rem;cursor:pointer;padding:.2em;line-height:1;transition:color .15s}.modal__close:hover{color:var(--text-parchment)}.modal__desc{color:var(--text-dim);font-size:.95rem;margin-bottom:1.25rem}.modal__settings{display:flex;flex-direction:column;gap:.75rem}.modal__grid-size{padding:.7rem .85rem;background:#ffffff08;border:1px solid var(--border-gold);border-radius:var(--radius);display:flex;flex-direction:column;gap:.4rem}.modal__grid-inputs{display:flex;align-items:center;gap:.6rem;margin-top:.4rem}.modal__grid-label{display:flex;align-items:center;gap:.4rem;font-family:var(--font-heading);font-size:.75rem;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase}.modal__grid-label input[type=number]{width:54px;text-align:center;padding:.3em .35em;font-size:.95rem}.modal__grid-sep{font-family:var(--font-heading);color:var(--accent-gold);font-size:1.05rem}.modal__toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;background:#ffffff08;border:1px solid var(--border-gold);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none}.modal__toggle input[type=checkbox]{display:none}.modal__toggle-info{flex:1}.modal__toggle-label{display:block;font-family:var(--font-heading);font-size:.82rem;color:var(--text-parchment);letter-spacing:.04em}.modal__toggle-desc{display:block;font-size:.78rem;color:var(--text-dim);margin-top:.1em}.modal__toggle-switch{flex-shrink:0;width:40px;height:22px;border-radius:11px;background:var(--bg-surface);border:1px solid var(--border-gold);position:relative;transition:background .2s}.modal__toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-dim);transition:transform .2s,background .2s}.modal__toggle input:checked~.modal__toggle-switch{background:var(--accent-gold);border-color:var(--highlight-gold)}.modal__toggle input:checked~.modal__toggle-switch:after{transform:translate(18px);background:var(--bg-darkest)}.modal__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.landing__bg{position:absolute;inset:0;background:radial-gradient(ellipse 90% 55% at 50% -5%,rgba(166,122,70,.14) 0%,transparent 65%),radial-gradient(ellipse 60% 40% at 10% 110%,rgba(166,122,70,.07) 0%,transparent 55%),linear-gradient(rgba(166,122,70,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(166,122,70,.035) 1px,transparent 1px),var(--bg-darkest);background-size:auto,auto,70px 70px,70px 70px}.landing__content{position:relative;text-align:center;padding:2rem;max-width:580px;animation:fadeInUp .65s ease}.landing__emblem{width:120px;height:120px;object-fit:contain;margin:0 auto .5rem;display:block;filter:drop-shadow(0 0 22px rgba(242,202,153,.52));animation:pulse 3.5s ease-in-out infinite}.landing__title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.8rem);font-weight:900;color:var(--highlight-gold);letter-spacing:.07em;text-shadow:0 0 32px rgba(242,202,153,.38),0 2px 0 rgba(0,0,0,.8);margin-bottom:.75rem;line-height:1.1}.landing__subtitle{font-size:1.12rem;color:var(--text-dim);font-style:italic;line-height:1.65}.landing__buttons{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-top:2rem}.landing__btn-primary{font-size:1rem;padding:.75em 2.5em;letter-spacing:.12em;min-width:220px}.landing__btn-secondary{font-size:.82rem;min-width:220px}.editable-title{font-family:var(--font-heading);font-size:clamp(1.3rem,3vw,1.9rem);color:var(--highlight-gold);letter-spacing:.06em;cursor:pointer;display:inline-flex;align-items:center;gap:.4em;transition:color .15s;text-align:center}.editable-title:hover{color:var(--text-parchment)}.editable-title__icon{font-size:.58em;color:var(--text-dim);transition:color .15s}.editable-title:hover .editable-title__icon{color:var(--accent-gold)}.editable-title-row{display:inline-flex;align-items:center;gap:.35em}.editable-title-input{font-family:var(--font-heading);font-size:clamp(1.3rem,3vw,1.9rem);color:var(--highlight-gold);letter-spacing:.06em;background:transparent;border:none;border-bottom:2px solid var(--highlight-gold);border-radius:0;box-shadow:none;padding:.1em .25em;text-align:center;width:auto;min-width:160px;max-width:100%}.editable-title-input:focus{box-shadow:none}.editable-title-confirm{background:none;border:none;cursor:pointer;font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--text-dim);padding:.1em .15em;line-height:1;transition:color .15s,transform .12s}.editable-title-confirm:hover{color:var(--highlight-gold);transform:scale(1.2)}.legend-panel{position:relative;flex-shrink:0;width:260px;overflow:visible;margin-left:0;transition:margin-left .38s cubic-bezier(.4,0,.2,1)}.legend-panel--closed{margin-left:-260px}.legend-panel__inner{position:absolute;inset:0 auto 0 0;width:260px;background:var(--bg-dark);border-right:1px solid var(--border-gold);padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;box-sizing:border-box}.legend-panel__header{display:flex;align-items:center}.legend-panel__title{font-family:var(--font-heading);font-size:.95rem;color:var(--highlight-gold);letter-spacing:.12em;text-transform:uppercase;margin:0}.legend-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.legend-panel__list li{font-size:1rem;color:var(--text-dim);line-height:1.5}.legend-panel__key{display:inline-block;font-family:var(--font-heading);font-size:.9rem;color:var(--highlight-gold);background:#a67a461f;border:1px solid var(--border-gold);border-radius:3px;padding:.05em .4em;margin-bottom:.15em}.legend-panel__tab{position:absolute;right:-22px;top:50%;transform:translateY(-50%);width:22px;height:56px;background:var(--bg-dark);border:1px solid var(--border-gold);border-left:none;border-radius:0 6px 6px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .18s,color .18s,box-shadow .18s;z-index:20}.legend-panel__tab:hover{background:#a67a4621;box-shadow:2px 0 8px #a67a462e}.legend-panel__tab-icon{font-family:var(--font-heading);font-size:.82rem;color:var(--text-dim);writing-mode:vertical-rl;line-height:1;transition:color .18s}.legend-panel__tab:hover .legend-panel__tab-icon{color:var(--highlight-gold)}.make-page{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse 62% 55% at 94% 6%,rgba(166,122,70,.17) 0%,rgba(166,122,70,.04) 42%,transparent 62%),radial-gradient(ellipse 38% 45% at 6% 96%,rgba(166,122,70,.09) 0%,transparent 52%),radial-gradient(ellipse 80% 60% at 18% 4%,rgba(10,10,10,.92) 0%,transparent 55%),radial-gradient(ellipse 50% 80% at 50% 50%,rgba(24,22,18,.5) 0%,transparent 100%),#0d0d0d}.make-page__main{flex:1;display:flex;overflow:hidden;min-height:0}.make-page__card-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem 1.25rem;overflow:hidden;gap:.65rem;min-width:0;min-height:0}.make-page__title-row{display:flex;align-items:center;gap:.5rem}.make-page__settings-btn{background:none;border:1px solid transparent;border-radius:var(--radius);color:var(--text-dim);font-size:1rem;cursor:pointer;padding:.2em .4em;transition:color .15s,border-color .15s;line-height:1}.make-page__settings-btn:hover{color:var(--highlight-gold);border-color:var(--border-gold)}.make-page__panel{width:var(--panel-width);flex-shrink:0;border-left:1px solid var(--border-gold);background:var(--bg-dark);overflow:hidden;display:flex;flex-direction:column;margin-right:calc(-1 * var(--panel-width));transition:margin-right .38s cubic-bezier(.4,0,.2,1)}.make-page__panel--open{margin-right:0}.bingo-grid-wrapper{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;padding:.5rem}.bingo-grid{display:grid;gap:3px;background:var(--border-gold);border:2px solid var(--border-gold);border-radius:var(--radius);box-shadow:0 4px 28px #0000008c,0 0 40px #a67a4614}.bingo-cell{background:var(--bg-card);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:6px calc(6px + .1rem);position:relative;overflow:hidden;transition:background .14s ease;font-size:var(--cell-font-size, 16px)}.bingo-cell:hover{background:var(--bg-card-hover);z-index:1}.bingo-cell--empty{opacity:.55}.bingo-cell--empty:hover{opacity:1}.bingo-cell--free{background:var(--free-bg);box-shadow:inset 0 0 18px #f2ca9914}.bingo-cell--free:after{content:"";position:absolute;inset:5px;border:1px solid rgba(242,202,153,.35);pointer-events:none}.bingo-cell--highlighted{background:var(--highlight-bg)!important;box-shadow:inset 0 0 14px #f2ca992e!important}.bingo-cell--dragging{opacity:.4;cursor:grabbing}.bingo-cell--drag-over{outline:2px solid var(--highlight-gold);outline-offset:-2px;background:#f2ca9914!important}@keyframes cell-selected-glow{0%,to{box-shadow:inset 0 0 0 3px #f2ca99,inset 0 0 8px #f2ca9933}50%{box-shadow:inset 0 0 0 3px #f2ca99,inset 0 0 24px #f2ca99a6}}.bingo-cell--selected{outline:3px solid #F2CA99;outline-offset:-3px;background:#f2ca9938!important;box-shadow:inset 0 0 0 3px #f2ca99;animation:cell-selected-glow 1.6s ease-in-out infinite}.bingo-cell--completed .bingo-cell__content{opacity:.45}.bingo-cell__free-text{font-family:var(--font-heading);font-size:1.1em;font-weight:700;color:var(--highlight-gold);letter-spacing:.2em;display:flex;flex-direction:column;align-items:center;gap:.15em;text-shadow:0 0 12px rgba(242,202,153,.5)}.bingo-cell__free-text:before{content:"★";font-size:2em;filter:drop-shadow(0 0 8px rgba(242,202,153,.75));line-height:1}.bingo-cell__empty-icon{font-size:1.6em;color:var(--border-gold);transition:color .15s}.bingo-cell:hover .bingo-cell__empty-icon{color:var(--accent-gold)}.bingo-cell__content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;width:100%;height:100%;text-align:center;overflow:hidden;padding-top:4px}.bingo-cell__title{font-family:var(--font-heading);font-size:clamp(.65em,.95em,1em);color:var(--highlight-gold);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.bingo-cell__desc{font-size:.88em;color:var(--text-parchment);line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;width:100%;margin-top:auto;margin-bottom:auto}.bingo-cell__completed-overlay{position:absolute;inset:0;background:var(--completed-overlay);display:flex;align-items:center;justify-content:center;pointer-events:none}.bingo-cell__check{font-size:2.2em;color:var(--highlight-gold);font-weight:700;text-shadow:0 0 12px rgba(242,202,153,.85);opacity:.92}.task-picker-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.task-picker-panel__header{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;border-bottom:1px solid var(--border-gold);flex-shrink:0}.task-picker-panel__title{font-family:var(--font-heading);font-size:1.08rem;color:var(--highlight-gold);letter-spacing:.06em}.task-picker-panel__close{background:transparent;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;padding:.25em;line-height:1;transition:color .15s}.task-picker-panel__close:hover{color:var(--text-parchment)}.task-picker-panel__current{padding:.45rem .9rem;border-bottom:1px solid var(--border-gold);flex-shrink:0}.task-picker-panel__filters{padding:.5rem .75rem;border-bottom:1px solid var(--border-gold);flex-shrink:0;display:flex;flex-direction:column;gap:.38rem}.task-picker-panel__filter-row{display:flex;gap:.35rem}.task-picker-panel__filter-row select{flex:1;font-size:.84rem;padding:.28em .4em}.task-picker-panel__search{font-size:1rem;padding:.36em .55em}.task-picker-panel__tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--border-gold)}.task-picker-panel__tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:.55rem .5rem;font-family:var(--font-heading);font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.task-picker-panel__tab:hover{color:var(--text-parchment)}.task-picker-panel__tab--active{color:var(--highlight-gold);border-bottom-color:var(--highlight-gold)}.task-picker-panel__grid{flex:1;overflow-y:auto;padding:.7rem;display:grid;grid-template-columns:1fr 1fr;gap:.45rem;align-content:start}.task-picker-panel__create-form{grid-column:1 / -1;display:flex;flex-direction:column;gap:.5rem}.task-picker-panel__empty{grid-column:1/-1;text-align:center;color:var(--text-dim);font-style:italic;padding:2rem}.task-card{background:var(--bg-card);border-radius:var(--radius);padding:.55rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;transition:all .14s ease;border:1px solid transparent;min-height:120px;justify-content:center;overflow:hidden}.task-card:hover{border-color:var(--accent-gold);background:var(--bg-card-hover);transform:translateY(-1px)}.task-card--make-own{border:1px dashed var(--accent-gold);background:#a67a460f}.task-card--make-own:hover{background:#a67a4621;border-style:solid}.task-card--free{border:1px dashed var(--border-gold);background:#a67a460f}.task-card--free:hover{background:#a67a4626;border-style:solid;border-color:var(--highlight-gold)}.task-card__special-icon{font-size:1.45rem}.task-card__special-label{font-family:var(--font-heading);font-size:.8rem;letter-spacing:.08em;color:var(--text-parchment);text-transform:uppercase}.task-card__title{font-family:var(--font-heading);font-size:.8rem;color:var(--highlight-gold);letter-spacing:.04em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}.task-card__desc{font-size:.84rem;color:var(--text-dim);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:100%}.task-card__badge{font-size:.68rem;font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;padding:.14em .45em;border-radius:2px;font-weight:600}.task-card__badge--easy{background:#3a8a5a4d;color:#7ec89a}.task-card__badge--medium{background:#a67a464d;color:var(--highlight-gold)}.task-card__badge--hard{background:#b437374d;color:#e07070}.task-card__badge--elite{background:#7832b44d;color:#c080f0}.task-card__badge--master{background:#b4781480;color:gold;border:1px solid rgba(255,215,0,.3)}.task-card--selected{border-color:var(--highlight-gold)!important;background:#f2ca991a!important;box-shadow:inset 0 0 6px var(--glow-gold)}.task-card--claimed{opacity:.38;cursor:not-allowed;pointer-events:none}.task-edit-tray{flex-shrink:0;border-top:1px solid var(--border-gold);display:flex;flex-direction:column}.task-edit-tray__toggle{display:flex;align-items:center;justify-content:space-between;padding:.55rem .9rem;background:#a67a4612;cursor:pointer;border:none;width:100%;color:var(--text-parchment);transition:background .15s}.task-edit-tray__toggle:hover{background:#a67a4624}.task-edit-tray__label{font-family:var(--font-heading);font-size:.82rem;color:var(--highlight-gold);letter-spacing:.08em;text-transform:uppercase}.task-edit-tray__chevron{font-size:.7rem;color:var(--text-dim)}.task-edit-tray__body{overflow:hidden;max-height:420px;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.task-edit-tray__body--collapsed{max-height:0}.task-form{padding:.9rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex:1}.task-form__title{font-family:var(--font-heading);color:var(--highlight-gold);letter-spacing:.06em;font-size:1.08rem}.task-form__label{display:flex;flex-direction:column;gap:.28rem;font-family:var(--font-heading);font-size:.86rem;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase}.task-form__textarea{resize:vertical;min-height:66px}.task-form__optional{font-family:var(--font-body);font-style:italic;text-transform:none;font-size:.85em;letter-spacing:0}.task-form__required{color:#e07070}.task-form__error{color:#e07070;font-size:.9rem;font-family:var(--font-body);font-style:italic;letter-spacing:0;text-transform:none}.task-form__optional-section{display:flex;flex-direction:column;gap:.4rem}.task-form__optional-header{display:flex;align-items:center;gap:.4rem}.task-form__optional-title{font-family:var(--font-heading);font-size:.82rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.task-form__tip-btn{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-gold);color:var(--text-dim);font-size:.65rem;font-family:var(--font-body);cursor:help;position:relative;flex-shrink:0}.task-form__tip-btn[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border-gold);color:var(--text-parchment);font-family:var(--font-body);font-size:.78rem;text-transform:none;letter-spacing:0;white-space:normal;width:200px;padding:.4rem .55rem;border-radius:var(--radius);z-index:100;pointer-events:none;line-height:1.4}.task-card--free-inline{grid-column:unset;min-height:unset;padding:.4rem .6rem;flex-direction:row;justify-content:center;gap:.4rem}.task-form__row{display:flex;gap:.4rem}.task-form__row .task-form__label{flex:1}.task-form__actions{display:flex;gap:.45rem;margin-top:.4rem}.play-page{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse 55% 50% at 7% 10%,rgba(166,122,70,.16) 0%,rgba(166,122,70,.04) 40%,transparent 60%),radial-gradient(ellipse 42% 40% at 92% 94%,rgba(166,122,70,.08) 0%,transparent 50%),radial-gradient(ellipse 75% 55% at 85% 5%,rgba(10,10,10,.9) 0%,transparent 52%),radial-gradient(ellipse 50% 80% at 50% 50%,rgba(24,22,18,.45) 0%,transparent 100%),#0d0d0d}.play-page__main{flex:1;display:flex;overflow:hidden;min-height:0}.play-page__card-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:.75rem 1.25rem;overflow:hidden;gap:.65rem;min-width:0;min-height:0}.play-page--empty{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse 70% 45% at 50% 25%,rgba(166,122,70,.1) 0%,transparent 65%),var(--bg-darkest)}.play-page__back{position:fixed;top:1rem;left:1rem;z-index:10}.play-page__upload-prompt{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:440px;padding:2.8rem 2.5rem;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);box-shadow:0 0 48px #000000a6,0 0 22px var(--glow-gold);animation:slideUp .3s ease}.play-page__upload-icon{font-size:3.4rem;filter:drop-shadow(0 0 18px rgba(242,202,153,.42))}.play-page__upload-title{font-family:var(--font-display);font-size:1.9rem;color:var(--highlight-gold);letter-spacing:.06em}.play-page__upload-text{font-size:1rem;color:var(--text-dim);font-style:italic;line-height:1.65}.play-page__upload-btn{font-size:.92rem;padding:.68em 2em;margin-top:.4rem}.play-page__bingo-banner{background:linear-gradient(135deg,#a67a462e,#f2ca9917);border:1px solid var(--highlight-gold);border-radius:var(--radius);padding:.45rem 1.5rem;font-family:var(--font-heading);font-size:.88rem;letter-spacing:.1em;color:var(--highlight-gold);text-transform:uppercase;box-shadow:0 0 18px var(--glow-gold);animation:glowPulse 2.2s ease-in-out infinite}.play-page__bingo-banner--partial{background:#a67a4614;box-shadow:none;animation:none;color:var(--accent-gold);font-size:.78rem}.tile-modal-backdrop{position:fixed;inset:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:900;animation:fadeIn .15s ease}.tile-modal{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);box-shadow:0 0 48px #000c,0 0 24px var(--glow-gold);padding:2rem 2.2rem;max-width:380px;width:90%;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;animation:slideUp .18s ease}.tile-modal__close{position:absolute;top:.7rem;right:.9rem;background:none;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;line-height:1;padding:.2em;transition:color .15s}.tile-modal__close:hover{color:var(--highlight-gold)}.tile-modal__title{font-family:var(--font-display);font-size:1.2rem;color:var(--highlight-gold);text-align:center;letter-spacing:.05em;margin:0}.tile-modal__desc{font-family:var(--font-body);font-size:1rem;color:var(--text-parchment);text-align:center;line-height:1.6;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(242,202,153,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(242,202,153,.72))}}@keyframes glowPulse{0%,to{box-shadow:0 0 18px var(--glow-gold)}50%{box-shadow:0 0 30px #f2ca9961}}.modal-backdrop--closing{animation:fadeOut .27s ease forwards}.modal--closing{animation:slideDown .23s ease forwards}.confirm-modal{text-align:center;padding:2rem 2.2rem 1.75rem;max-width:440px}.confirm-modal__icon{font-size:2.6rem;line-height:1;margin-bottom:.75rem;filter:drop-shadow(0 0 14px rgba(242,202,153,.48))}.confirm-modal__title{font-family:var(--font-display);font-size:1.3rem;color:var(--highlight-gold);letter-spacing:.05em;margin-bottom:.75rem}.confirm-modal__message{font-family:var(--font-body);font-size:1rem;color:var(--text-dim);line-height:1.72;margin-bottom:1.75rem;font-style:italic}.confirm-modal__actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:.55rem;justify-content:center}.randomize-modal{padding:1.5rem 1.75rem;max-width:500px;width:100%;text-align:left}.randomize-modal__group{display:flex;flex-direction:column;gap:.45rem;padding:.7rem .85rem;background:#ffffff08;border:1px solid var(--border-gold);border-radius:6px}.randomize-modal__group-header{display:flex;align-items:center;justify-content:space-between}.randomize-modal__select-all{background:none;border:none;color:var(--accent-gold);font-size:.78rem;cursor:pointer;padding:0;text-decoration:underline;font-family:var(--font-body)}.randomize-modal__select-all:hover{color:var(--highlight-gold)}.randomize-modal__chips{display:flex;flex-wrap:wrap;gap:.4rem}.randomize-modal__chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:12px;border:1px solid var(--border-gold);background:var(--bg-panel);font-family:var(--font-heading);font-size:.78rem;color:var(--text-dim);cursor:pointer;transition:background .15s,color .15s,border-color .15s;-webkit-user-select:none;user-select:none}.randomize-modal__chip input[type=checkbox]{display:none}.randomize-modal__chip:has(input:checked){background:#c4a0502e;color:var(--text-parchment);border-color:var(--accent-gold)}.randomize-modal__chip--easy:has(input:checked){background:#7ec89a2e;border-color:#7ec89a;color:#7ec89a}.randomize-modal__chip--medium:has(input:checked){background:#c4a0502e;border-color:var(--highlight-gold);color:var(--highlight-gold)}.randomize-modal__chip--hard:has(input:checked){background:#e070702e;border-color:#e07070;color:#e07070}.randomize-modal__chip--elite:has(input:checked){background:#c080f02e;border-color:#c080f0;color:#c080f0}.randomize-modal__chip--master:has(input:checked){background:#ffd7001f;border-color:gold;color:gold}.randomize-modal__radios{display:flex;gap:1rem;flex-wrap:wrap}.randomize-modal__radio{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-heading);font-size:.82rem;color:var(--text-dim);cursor:pointer}.randomize-modal__radio input[type=radio]{accent-color:var(--accent-gold);width:14px;height:14px;cursor:pointer}.randomize-modal__radio:has(input:checked){color:var(--text-parchment)}