:root{--bg-transparent:transparent;--text-main:#fff;--text-muted:#cbd5e1;--gs-blue:#048;--gs-blue-dark:#001a33;--gs-gold:gold;--gs-gold-dim:#cca800;--gs-red:#ff2a2a;--gs-red-dark:#900;--bg-color:#000c18;--body-gradient:#0483;--panel-bg:#001a33cc;--panel-border:#4da6ff;--input-text:#001a33;--input-border:gold;--card-border:#4da6ff;--card-text:#f1f5f9;--logo-shadow:#00000080;--highlight:#fff;--font-family:"Outfit", system-ui, sans-serif}body.light-mode{--text-main:#0f172a;--text-muted:#475569;--gs-blue:#3b82f6;--gs-blue-dark:#1e3a8a;--gs-gold:#f59e0b;--gs-gold-dim:#b45309;--gs-red:#ef4444;--gs-red-dark:#991b1b;--bg-color:#e2e8f0;--body-gradient:#3b82f633;--panel-bg:#fffffff2;--panel-border:#94a3b8;--input-text:#0f172a;--input-border:#f59e0b;--card-border:#fff;--card-text:#fff;--logo-shadow:#00000026}*,:before,:after{box-sizing:border-box}html{width:100%;max-width:100%;min-height:100dvh;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at center, var(--body-gradient) 0%, transparent 70%);flex-direction:column;width:100%;max-width:100%;min-height:100dvh;margin:0;transition:background-color .2s;display:flex;position:relative;overflow-y:auto;overflow-x:hidden!important}body.transparent-mode{background-color:#0000!important;background-image:none!important}.app-header{justify-content:flex-start;align-items:center;width:100%;padding:1.5rem 2rem 0;display:flex}.logo{text-transform:uppercase;letter-spacing:2px;text-shadow:0 4px 6px var(--logo-shadow);align-items:center;font-size:1.75rem;font-weight:900;display:flex}.logo-text{color:var(--text-main)}.btn-theme{border:2px solid var(--gs-gold);color:var(--text-main);font-family:var(--font-family);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#0000004d;border-radius:2rem;margin-left:auto;padding:.5rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s}.header-controls{background:var(--panel-bg);border:2px solid var(--panel-border);backdrop-filter:blur(10px);border-radius:2rem;align-items:center;gap:1.5rem;margin-left:auto;padding:.5rem 1.25rem;display:flex;box-shadow:0 4px 10px #0003}.toggle-group{align-items:center;gap:.75rem;display:flex}.toggle-label{color:var(--text-main);opacity:.85;text-transform:uppercase;letter-spacing:1.5px;user-select:none;font-size:.8rem;font-weight:900}.theme-switch{width:60px;height:30px;display:inline-block;position:relative}.theme-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--gs-blue-dark);border:2px solid var(--gs-blue);border-radius:30px;justify-content:space-between;align-items:center;padding:0 6px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;inset:0;box-shadow:inset 0 2px 4px #00000080}.slider:before{content:"";z-index:2;background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0006}input:checked+.slider{background-color:var(--gs-gold-dim);border-color:var(--gs-gold)}input:checked+.slider:before{background-color:#fff;transform:translate(30px)}.switch-icon{z-index:1;user-select:none;font-size:12px}.logo-text-accent{color:var(--gs-gold)}.container{box-sizing:border-box;flex-direction:column;flex:1;align-items:center;gap:2rem;width:100%;max-width:100%;min-height:0;margin:0 auto;padding:2rem;display:flex}.control-panel{background:linear-gradient(180deg, var(--panel-bg), var(--panel-bg));border:2px solid var(--panel-border);backdrop-filter:blur(10px);border-radius:1rem;width:100%;max-width:100%;margin:0 auto;padding:1.5rem;box-shadow:0 10px 40px #00000080}.controls-wrapper{flex-direction:column;gap:1.5rem;width:100%;display:flex}.input-group{background:0 0;flex-direction:column;flex:1;gap:.5rem;display:flex}.input-group label{color:var(--panel-border);letter-spacing:1px;text-transform:uppercase;font-size:.9rem;font-weight:700}.input-group textarea{width:100%;color:var(--input-text);border:2px solid var(--input-border);resize:vertical;background:#ffffffe6;border-radius:.5rem;padding:.75rem;font-family:Outfit,sans-serif;font-weight:700}.input-group .btn-add{width:100%}.header-obs-tip{color:var(--gs-gold);border:1px solid var(--gs-gold-dim);text-transform:uppercase;background:#0003;border-radius:100px;margin:0 1rem 0 auto;padding:.5rem 1rem;font-size:.85rem;font-weight:900;display:none}body.light-mode .header-obs-tip{color:var(--gs-gold-dim);background:#fffc}@media (width>=768px){.header-obs-tip{display:block}}button{cursor:pointer;font-family:var(--font-family);color:#fff;border:none;transition:all .1s}.btn-add{background:linear-gradient(180deg, var(--gs-gold), var(--gs-gold-dim));color:var(--gs-blue-dark);text-transform:uppercase;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1.25rem;font-weight:900;box-shadow:0 4px #997e00,0 10px 20px #0006}.btn-add:hover{transform:translateY(2px);box-shadow:0 2px #997e00,0 5px 10px #0006}.btn-add:active{transform:translateY(4px);box-shadow:0 0 #997e00}.btn-clear-small{color:#fff;text-transform:uppercase;background:linear-gradient(#f55,#c00);border-radius:.3rem;justify-content:center;align-items:center;padding:.25rem .75rem;font-size:.85rem;font-weight:900;display:flex;box-shadow:0 2px #900}.btn-clear-small:hover{transform:translateY(1px);box-shadow:0 1px #900}.btn-clear-small:active{transform:translateY(2px);box-shadow:0 0 #900}.btn-start{background:radial-gradient(circle at 50% 20%, #f55, var(--gs-red-dark));color:#fff;text-transform:uppercase;letter-spacing:2px;box-shadow:0 8px 0 var(--gs-red-dark), 0 15px 20px #00000080, inset 0 8px 8px #fff6;text-shadow:0 2px 4px #00000080;z-index:5;border:3px solid #fff;border-radius:100px;padding:.75rem 2rem;font-size:1.1rem;font-weight:900;position:relative;overflow:hidden}.btn-start:after{content:"";pointer-events:none;background:linear-gradient(#fff6,#fff0);border-radius:100px 100px 0 0;width:100%;height:50%;position:absolute;top:0;left:0}.btn-start:hover:not(:disabled){box-shadow:0 8px 0 var(--gs-red-dark), 0 15px 25px #0009, inset 0 10px 10px #ffffff80;background:radial-gradient(circle at 50% 20%,#f77,#b30000);transform:translateY(4px)}.btn-start:active:not(:disabled){box-shadow:0 4px 0 var(--gs-red-dark), 0 5px 10px #00000080, inset 0 4px 4px #fff6;transform:translateY(8px)}.start-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.last-winner-display{color:var(--gs-gold);border:2px solid var(--gs-gold);text-shadow:0 2px 4px #000c;text-align:center;word-break:break-word;background:#0006;border-radius:100px;max-width:280px;padding:.5rem 1.5rem;font-size:1.1rem;font-weight:900;box-shadow:0 4px 8px #0000004d}.last-winner-display span{color:#fff}body.light-mode .last-winner-display{color:var(--gs-gold-dim);text-shadow:none;background:#ffffffe6}body.light-mode .last-winner-display span{color:var(--gs-blue-dark)}.btn-start:disabled{cursor:not-allowed;color:#cbd5e1;text-shadow:none;background:#475569;border-color:#94a3b8;transform:none;box-shadow:0 12px #334155}.grid-container{place-content:flex-start center;gap:calc(1rem * var(--scale,1));perspective:1000px;flex-wrap:wrap;flex:1;width:100%;min-height:300px;padding:1rem;display:flex;overflow-y:visible}.item-card{background:linear-gradient(180deg, var(--gs-blue), var(--gs-blue-dark));border:calc(2px * var(--scale,1)) solid var(--card-border);border-radius:calc(.3rem * var(--scale,1));font-size:calc(.9rem * var(--scale,1));padding:calc(.4rem * var(--scale,1)) calc(.6rem * var(--scale,1));min-width:calc(80px * var(--scale,1));text-align:center;box-shadow:0 calc(3px * var(--scale,1)) 0 var(--gs-blue-dark), 0 calc(5px * var(--scale,1)) calc(8px * var(--scale,1)) #0000004d;text-transform:uppercase;letter-spacing:.5px;color:var(--card-text);user-select:none;word-break:break-word;text-shadow:0 2px 4px #000c;flex:auto;justify-content:center;align-items:center;font-weight:900;transition:transform .1s ease-out,box-shadow .1s ease-out,filter .1s ease-out,background-color .1s ease-out,border-color .1s ease-out,color .1s ease-out;display:flex;position:relative}.item-card:hover{transform:translateY(calc(-2px * var(--scale,1)));box-shadow:0 calc(4px * var(--scale,1)) 0 var(--gs-blue-dark), 0 calc(6px * var(--scale,1)) calc(12px * var(--scale,1)) #0006;filter:brightness(1.1)}body.light-mode .item-card{background:linear-gradient(180deg, var(--gs-blue), var(--gs-blue-dark));color:#fff;box-shadow:0 calc(3px * var(--scale,1)) 0 #1e3a8a, 0 calc(5px * var(--scale,1)) calc(8px * var(--scale,1)) #0003;text-shadow:0 1px 2px #00000080;border-color:#2563eb}.delete-btn{top:calc(-12px * var(--scale,1));right:calc(-12px * var(--scale,1));background:var(--gs-red);color:#fff;width:calc(30px * var(--scale,1));height:calc(30px * var(--scale,1));font-size:calc(18px * var(--scale,1));opacity:0;box-shadow:0 calc(2px * var(--scale,1)) calc(4px * var(--scale,1)) #00000080;border:calc(2px * var(--scale,1)) solid white;z-index:10;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:700;transition:opacity .2s,transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;transform:scale(.8)}.item-card:hover .delete-btn{opacity:1;transform:scale(1)}.item-card.highlight{border-color:var(--highlight);background:linear-gradient(180deg, #66b3ff, var(--gs-blue));color:#fff;box-shadow:0 8px 0 #012, 0 0 40px var(--highlight), inset 0 0 30px #fff9;z-index:10;transform:scale(1.1)translateY(-8px)}.item-card.winner{border-color:var(--gs-gold);background:linear-gradient(180deg, var(--gs-gold), var(--gs-gold-dim));color:var(--gs-blue-dark);text-shadow:0 2px #fff9;box-shadow:0 8px 0 #665400, 0 0 60px var(--gs-gold), inset 0 0 40px #ffffffe6;z-index:20;animation:.5s ease-in-out infinite alternate winner-flash;transform:scale(1.2)translateY(-12px)}@keyframes winner-flash{0%{box-shadow:0 8px 0 #665400, 0 0 40px var(--gs-gold);background:linear-gradient(180deg, var(--gs-gold), var(--gs-gold-dim));color:var(--gs-blue-dark)}to{background:linear-gradient(180deg, #fff, var(--gs-gold));color:#000;box-shadow:0 8px #665400,0 0 80px #fff}}@media (width<=767px){.app-header{justify-content:space-between;padding:.75rem 1rem}.header-controls{gap:.5rem;margin-left:0;padding:.25rem .5rem}.toggle-label{display:none}.logo-text,.logo-text-accent{font-size:1.35rem}.container{gap:1rem;padding:1rem .5rem}.control-panel{padding:1rem}.ad-container{flex:none;width:100%}}@media (width>=768px){html,body{height:100dvh;overflow:hidden}.grid-container{min-height:0;overflow:hidden auto}.item-card{border:calc(3px * var(--scale,1)) solid var(--card-border);font-size:calc(2rem * var(--scale,1));padding:calc(1rem * var(--scale,1)) calc(2rem * var(--scale,1));min-width:calc(200px * var(--scale,1));border-radius:calc(.5rem * var(--scale,1))}.container{gap:1.5rem;padding:1.5rem 2rem}.controls-wrapper{flex-direction:row;align-items:stretch}.input-group textarea{resize:none;flex:1}.start-wrapper{flex:none;align-self:center}.btn-start{border:4px solid #fff;padding:1rem 2.5rem;font-size:1.5rem}.header-obs-tip{display:block}}.modal-overlay{z-index:1000;backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.modal-box{background:var(--bg-color);border:2px solid var(--gs-gold-dim);text-align:center;width:400px;max-width:90%;color:var(--text-color);border-radius:1rem;padding:2rem;box-shadow:0 10px 30px #00000080}.modal-title{color:var(--gs-gold);text-transform:uppercase;margin-bottom:1rem;font-size:1.5rem;font-weight:900}.modal-body{margin-bottom:2rem;font-size:1.1rem}.modal-actions{justify-content:center;gap:1rem;display:flex}.modal-btn{text-transform:uppercase;cursor:pointer;color:#fff;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:900}.modal-btn-cancel{background:#475569;box-shadow:0 4px #334155}.modal-btn-cancel:active{transform:translateY(4px);box-shadow:0 0 #334155}.modal-btn-confirm{background:linear-gradient(#f55,#c00);box-shadow:0 4px #900}.modal-btn-confirm:active{transform:translateY(4px);box-shadow:0 0 #900}