:root{color-scheme:dark;--bg-1: #0d1f12;--bg-2: #1a3d28;--glass: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .5);--text: rgba(255, 255, 255, .95);--muted: rgba(255, 255, 255, .72);--accent: #7ccf9a;--shadow: 0 30px 90px rgba(0, 0, 0, .55);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100vh;min-height:100dvh}#app{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative}body{background:var(--bg-1);color:var(--text);overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.orientation-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(180deg,#0d1f12f5,#08140cfa)}.orientation-lock-card{width:min(560px,100%);border-radius:16px;border:1px solid rgba(255,255,255,.28);background:#ffffff0d;box-shadow:var(--shadow);padding:clamp(1rem,3vw,1.5rem);text-align:center}.orientation-lock-title{margin:0 0 .5rem;font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:700}.orientation-lock-text{margin:0;color:var(--muted);font-size:clamp(.95rem,1.6vw,1.15rem)}body.portrait-blocked .orientation-lock{display:flex}body.portrait-blocked #app .shell{visibility:hidden;pointer-events:none}.shell{position:relative;isolation:isolate;flex:1;display:flex;flex-direction:column;min-height:0;min-width:320px;width:100%}.feedback-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:flex;align-items:center;justify-content:center;background:#08140c8f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.feedback-loading-overlay[hidden]{display:none!important}.feedback-loading-card{display:inline-flex;align-items:center;gap:.7rem;border-radius:12px;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.24);background:#12301fe6;box-shadow:var(--shadow)}.feedback-loading-spinner{width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.24);border-top-color:#fffffff2;animation:feedback-spin .75s linear infinite}.feedback-loading-text{margin:0;color:var(--text);font-size:.9rem;font-weight:600}@keyframes feedback-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:url(../panel-background.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat}.bg-tier2{background-image:linear-gradient(#08140c6b,#08140c6b),url(../panel-background-tier2.png)}.bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");opacity:.35;mix-blend-mode:overlay;pointer-events:none}.location{position:absolute;top:clamp(.75rem,1.6vw,1.25rem);left:clamp(.75rem,1.6vw,1.25rem);z-index:3}.tier1{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;padding:clamp(.5rem,1.2vw,1rem);padding-top:clamp(9rem,5vw,4rem)}.tier1-main{display:grid;grid-template-columns:minmax(200px,22vw) 1fr;gap:clamp(.75rem,1.5vw,1.5rem);flex:1;min-height:0;max-width:1400px;margin:0 auto;width:100%}.sidebar{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(.5rem,1vw,.85rem)}.glass-card.metric{height:100%;display:flex;flex-direction:column;justify-content:center}.glass-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow);padding:clamp(.65rem,1vw,.9rem)}.metric-top{display:flex;align-items:center;gap:.45rem;margin-bottom:.5rem}.metric-icon{width:clamp(36px,1.3vw,18px);height:clamp(36px,1.3vw,18px);object-fit:contain}.metric-title{font-size:clamp(1.3rem,.95vw,.85rem);color:var(--muted)}.metric-value{font-size:clamp(3em,2.4vw,2rem);font-weight:700}.metric-divider{width:100%;height:1px;margin:.35rem 0 .45rem;background:#ffffff59}.glass-panel{border:1px solid rgba(255,255,255,.22);border-radius:22px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow);padding:clamp(1rem,2vw,1.75rem);display:flex;flex-direction:column;align-items:center;justify-content:space-between}.tier1-panel{text-align:center;gap:clamp(.75rem,1.5vw,1.25rem)}.greeting{margin:0;font-size:clamp(2.5rem,1.8vw,1.35rem);font-weight:600}.ratings{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.65rem,1.6vw,1.25rem);width:100%}.rating-btn{width:clamp(5.5rem,10vw,7.5rem);height:clamp(6.5rem,11vw,8.5rem);border:none;background:transparent;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.rating-face{font-size:clamp(2rem,4vw,2.75rem)}img.rating-face{width:clamp(3rem,8vw,4.5rem);height:clamp(3rem,8vw,4.5rem);object-fit:contain}.rating-label{font-size:clamp(.78rem,1.1vw,.95rem);color:var(--muted);font-weight:600}.qr-row{display:flex;justify-content:center;width:100%}.qr-placeholder{width:clamp(72px,10vw,104px);height:clamp(72px,10vw,104px);border-radius:12px;border:1px solid rgba(255,255,255,.25)}.qr-image{object-fit:contain;background:#fff;padding:4px}.sanitise-note{margin:0;font-size:clamp(.75rem,1vw,.9rem);color:var(--muted)}.tier2{position:relative;z-index:1;flex:1;min-height:0;padding:clamp(.5rem,1.2vw,1rem);padding-top:clamp(3rem,5vw,4rem);display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.85rem);overflow:hidden}.tier2-title{margin-left:1rem;text-align:left;font-size:clamp(2.05rem,1.9vw,1.45rem)}.tier2-empty{margin:0;grid-column:1 / -1;grid-row:1 / -1;display:grid;place-items:center;color:var(--muted);font-size:clamp(1.25rem,2vw,1.75rem)}.icon-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(.45rem,1vw,.85rem);max-width:1400px;width:100%;margin:0 auto}.icon-tile{border-radius:16px;border:1px solid rgba(255,255,255,.24);background:#ffffff1a;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.icon-tile-selected{border-color:#7ccf9aeb;background:#7ccf9a38}.icon-tile-symbol{width:80%;height:80%;object-fit:contain}.icon-tile-na{display:grid;place-items:center;font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:600;color:var(--muted)}.icon-tile-label{font-size:clamp(1rem,.95vw,.78rem);text-align:center}.tier2-actions{display:flex;justify-content:center;padding:.2rem 0 .6rem}.tier3{position:relative;z-index:1;flex:1;min-height:0;display:grid;place-items:center;padding:1.5rem}.thank-panel{max-width:min(640px,92vw);width:100%;text-align:center;gap:.75rem}.thank-title{margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.thank-sub{margin:0;color:var(--muted)}.thank-hint{margin:.25rem 0 0;color:#ffffff8c;font-size:.9rem}.text-btn{margin-top:.35rem;padding:.65rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#ffffff1a;color:var(--text)}.logout-btn{position:fixed;left:97%;top:2%;transform:translate(-50%);z-index:20;padding:.4rem .9rem;font-size:.8rem;cursor:pointer;background:transparent;border:none;color:#fff3}.reload-btn{position:fixed;left:92.5%;top:2%;transform:translate(-50%);z-index:20;width:32px;height:32px;padding:0;border:none;border-radius:999px;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.reload-btn-icon{width:22px;height:22px;opacity:.45}@media (max-width: 900px){.tier1-main{grid-template-columns:1fr}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}}.gate-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2rem);min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 50% 20%,rgba(124,207,154,.12),transparent 55%),var(--bg-1)}.gate-card{width:min(420px,100%);padding:clamp(1.25rem,3vw,1.75rem);border-radius:20px;border:1px solid var(--glass-border);background:linear-gradient(165deg,#ffffff1f,#ffffff0a),var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1)}.gate-title{margin:0 0 .35rem;font-size:clamp(1.35rem,3vw,1.6rem);font-weight:750}.gate-subtitle{margin:0 0 1.25rem;color:var(--muted)}.gate-form{display:flex;flex-direction:column;gap:.65rem}.gate-label{font-size:.82rem;font-weight:600;color:var(--muted)}.gate-input{-webkit-user-select:text;user-select:text;width:100%;padding:.7rem .85rem;border-radius:12px;border:1px solid rgba(255,255,255,.28);background:#00000040;color:var(--text);font-size:1rem}.gate-error{margin:0;padding:.5rem .65rem;border-radius:10px;background:#dc505033;border:1px solid rgba(255,120,120,.35);color:#ffb4b4;font-size:.88rem}.gate-submit{margin-top:.5rem;padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(124,207,154,.45);background:#7ccf9a38;color:var(--text);font-weight:700;font-size:1rem;cursor:pointer}