*,:before,:after{box-sizing:border-box}html,body{color:#4a3344;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:#0000;background-image:radial-gradient(circle at 20% 0,#fff5d6 0%,#0000 60%),radial-gradient(circle at 80% 100%,#d6f4e0 0%,#0000 55%),linear-gradient(#ffe8ef 0%,#fff3e0 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100dvh;margin:0;padding:0;font-family:Fredoka,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button{font:inherit;cursor:pointer}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;display:block}input,button{touch-action:manipulation}#root{z-index:1;position:relative}:root{--pink:#ff89a8;--pink-soft:#ffd6e0;--yellow:#ffd54f;--green:#8fd6a3;--blue:#9ecbff;--purple:#c8a8e9;--ink:#4a3344;--frame:#fff}.flower-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.flower{opacity:.55;filter:drop-shadow(0 2px #fff9);position:absolute}.submissions-badge{color:#75566c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff8c;border:1px solid #ff89a859;border-radius:100px;align-items:center;gap:.5rem;margin-top:10px;padding:.4rem .9rem;font-size:12px;font-weight:500;display:inline-flex}.submissions-badge-dot{background:var(--pink);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite submissions-badge-pulse}@keyframes submissions-badge-pulse{0%,to{opacity:1}50%{opacity:.35}}.game,.admin{z-index:1;max-width:560px;margin:0 auto;padding:16px 14px 100px;position:relative}.game-header{text-align:center;margin-bottom:14px}.game-header h1{color:var(--ink);text-shadow:0 2px #fff;margin:4px 0;font-size:clamp(24px,6.5vw,32px);font-weight:700}.subtitle{color:#75566c;margin:0;font-size:14px}.grid{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.tile{-webkit-tap-highlight-color:transparent;grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.tile-main{align-items:center;gap:10px;min-width:0;display:flex}.tile-image-wrap{flex:none;display:inline-flex}.tile-image-btn{appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;padding:0;transition:transform .2s}.tile--active .tile-image-btn{transform:scale(1.15)}.tile-image-btn:disabled{opacity:.85;cursor:default}.tile-frame{background:var(--frame);border-radius:18px;width:125px;height:125px;padding:6px;transition:transform 80ms;position:relative;box-shadow:0 6px #ff89a82e,0 4px 14px #4a33441f}.tile-image-btn:active .tile-frame{transform:scale(.97)}.tile-frame img{object-fit:cover;border-radius:12px;width:100%;height:100%}.tile-close{background:var(--ink);color:#fff;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;padding-bottom:2px;font-size:18px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #00000040}.tile-caption{background:var(--pink-soft);color:var(--ink);border-radius:999px;align-items:center;min-height:32px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 2px #ff89a859}@keyframes tile-jiggle{0%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}to{transform:rotate(-1.5deg)}}.tile--active .tile-frame{transform-origin:50%;animation:.32s ease-in-out infinite tile-jiggle;box-shadow:0 0 0 4px #ff89a8b3,0 0 18px 6px #ff89a88c,0 6px #ff89a82e,0 4px 14px #4a33441f}.tile-arrows{z-index:5;flex-direction:column;gap:16px;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.arrow-btn{appearance:none;background:var(--pink);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;width:80px;height:100px;font-size:28px;font-weight:700;box-shadow:0 5px #d96b8a,0 6px 18px #4a334433}.arrow-btn:active{transform:translateY(2px);box-shadow:0 3px #d96b8a,0 4px 12px #4a33442e}.arrow-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;background:#e8c8d2}.submit-form{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border-radius:20px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 6px 18px #4a33441f}.name-input{appearance:none;border:2px solid var(--pink-soft);color:var(--ink);background:#fff;border-radius:14px;outline:none;min-height:48px;padding:12px 14px;font-size:16px}.name-input:focus{border-color:var(--pink)}.submit-btn{appearance:none;background:var(--pink);color:#fff;border:none;border-radius:14px;min-height:48px;padding:14px 18px;font-size:16px;font-weight:700;transition:transform 60ms,box-shadow 60ms;box-shadow:0 4px #d96b8a}.submit-btn:active{transform:translateY(2px);box-shadow:0 2px #d96b8a}.submit-btn:disabled{box-shadow:none;color:#fff;cursor:not-allowed;background:#e8c8d2}.submit-btn.cancel{color:var(--pink);box-shadow:0 0 0 2px var(--pink) inset;background:#fff}.submit-btn.cancel:active{box-shadow:0 0 0 2px var(--pink) inset;transform:translateY(2px)}.reset-actions{flex-wrap:wrap;gap:10px;display:flex}.reset-actions .submit-btn{flex:1}.game-header h1{-webkit-user-select:none;user-select:none}.post-submit{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:18px;display:flex}.submitted-msg{color:var(--ink);margin:0;font-size:18px;font-weight:700}.waiting{color:#75566c;margin:0;font-size:14px}.results-modal{z-index:10;background:#4a33448c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.results-card{background:#fff;border-radius:22px;width:100%;max-width:480px;max-height:90dvh;padding:18px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000040}.results-close{cursor:pointer;color:#4a3344;background:0 0;border:none;border-radius:50%;width:32px;height:32px;font-size:26px;line-height:1;position:absolute;top:10px;right:12px}.results-close:hover{background:#4a33441a}.results-card h2{margin:0 0 6px;font-size:22px}.score{margin:0 0 14px;font-size:18px}.results-grid{flex-direction:column;gap:6px;margin:0 0 16px;display:flex}.results-grid-head,.results-grid-row{grid-template-columns:28px 1fr 1fr 32px;align-items:center;gap:8px;padding:6px 8px;display:grid}.results-grid-head{color:#75566c;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.results-grid-head>span:nth-child(2),.results-grid-head>span:nth-child(3){text-align:center}.results-grid-head>span:last-child{text-align:right}.results-grid-row{background:#fff5f9;border-radius:12px}.results-grid-row.ok{background:#e8f9ee}.results-grid-row.no{background:#fdecec}.results-grid-month{color:var(--ink);text-align:center;font-weight:700}.results-grid-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.results-grid-cell img{object-fit:cover;border-radius:10px;width:64px;height:64px}.results-grid-caption{color:#75566c;font-size:11px;font-weight:600}.results-grid-badge{text-align:right;font-size:20px;font-weight:700}.admin-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.admin-header h1{margin:0;font-size:22px}.admin-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-actions .submit-btn{min-height:40px;padding:10px 14px;font-size:14px}.reveal-toggle{background:#fff;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;gap:2px 10px;padding:6px 10px;display:grid;box-shadow:0 4px 10px #4a334414}.reveal-toggle-title{color:#4a3344;grid-area:2/1;font-size:14px;font-weight:600}.reveal-toggle-caption{letter-spacing:.08em;color:#7a6473;text-align:center;grid-area:1/2;font-size:11px;font-weight:700}.toggle-switch{cursor:pointer;background:#c9bdc4;border:none;border-radius:999px;grid-area:2/2;justify-self:center;width:44px;height:24px;padding:0;transition:background .18s;position:relative}.toggle-switch.on{background:#6aa67a}.toggle-switch:disabled{opacity:.6;cursor:not-allowed}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.toggle-switch.on .toggle-thumb{transform:translate(20px)}.ranking-table{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;font-size:14px;overflow:hidden;box-shadow:0 6px 16px #4a33441a}.ranking-table th,.ranking-table td{text-align:left;border-bottom:1px solid #f4e6ec;padding:10px 12px}.ranking-table thead{background:var(--pink-soft)}.ranking-table tbody tr:last-child td{border-bottom:none}.delete-btn{color:#c0392b;cursor:pointer;background:0 0;border:1px solid #c0392b;border-radius:8px;padding:4px 10px;font-size:13px}.delete-btn:hover{background:#c0392b14}@media (width>=600px){.grid{gap:14px}}