@font-face{font-family:Gilroy Light;src:url(../gilroy-light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Gilroy Medium;src:url(../gilroy-medium.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gilroy Bold;src:url(../gilroy-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Gilroy Black;src:url(../gilroy-black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b1220;touch-action:none}#app{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}#app canvas{display:block}.tutorial-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Gilroy Light,Gilroy Medium,Gilroy Bold,Gilroy Black,ui-sans-serif,system-ui,sans-serif;z-index:100;background:#d0e8f2;overflow:hidden}.tutorial-panel{width:380px;height:680px;background:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;transform-origin:center}.tutorial-page{position:absolute;top:0;right:0;left:0;bottom:128px;display:flex;flex-direction:column;opacity:0;transform:translate(40px);transition:opacity .25s ease-in-out,transform .25s ease-in-out;pointer-events:none}.tutorial-page.active{opacity:1;transform:translate(0);pointer-events:auto}.tutorial-page.exit{opacity:0;transform:translate(-40px);pointer-events:none}.tutorial-page-content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;overflow:hidden}.tutorial-title{font-size:32px;font-weight:900;color:#e84393;letter-spacing:.1em;margin-bottom:6px;margin-top:40px;flex-shrink:0}.tutorial-subtitle{color:#4b5563;margin-bottom:32px;font-size:15px;font-weight:500;flex-shrink:0}.tutorial-tip{font-size:14px;color:#334155;margin-top:auto;margin-bottom:12px;padding:0 16px}[data-page="1"] .tutorial-tip{margin-bottom:40px}[data-page="3"] .tutorial-tip{margin-bottom:24px}.tip-bold{font-weight:700}.tip-italic{font-style:italic}.tutorial-card-wrapper{position:relative;width:100%;max-width:240px;margin-bottom:16px}.tutorial-bingo-card{background:#f5d5b8;padding:10px;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:2px solid #e8c4a2}.tutorial-bingo-card.large{width:100%}.card-header-row{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:4px}.card-header-cell{color:#fff;text-align:center;font-weight:900;font-size:14px;padding:4px 0;border-radius:2px;box-shadow:0 1px 2px #0000001a}.hdr-b{background:#748df3}.hdr-i{background:#e85d8d}.hdr-n{background:#9b6df3}.hdr-g{background:#34c79e}.hdr-o{background:#fdb05e}.card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.card-cell{aspect-ratio:1;border-radius:2px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#334155;background:#f4f4f8;box-shadow:0 2px #0000001a}.card-cell.highlighted,.card-cell.star-cell{background:#a67cf3;color:#fff}.star-icon{font-size:20px;line-height:1}.hand-cursor{position:absolute;z-index:20;font-size:60px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));pointer-events:none}.hand-tap{top:55%;left:65%;animation:hand-bounce 1.5s infinite ease-in-out}.boost-hand{top:42%;left:48%;animation:hand-bounce-rotate 1.5s infinite ease-in-out}@keyframes hand-bounce{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(.9) translateY(5px)}}@keyframes hand-bounce-rotate{0%,to{transform:scale(1) rotate(-10deg)}50%{transform:scale(.9) rotate(-15deg)}}.small-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin-bottom:16px;width:100%;padding:0 8px}.small-card-block{display:flex;flex-direction:column;align-items:center}.small-card-label{color:#b388ff;font-weight:700;font-size:15px;margin-bottom:6px;letter-spacing:.05em}.tutorial-bingo-card.small{background:#cde2ff;padding:6px;border-radius:8px;box-shadow:0 2px 6px #00000014;border:none;width:100%;max-width:130px}.tutorial-bingo-card.small .card-header-row{gap:2px;margin-bottom:2px}.tutorial-bingo-card.small .card-header-cell{font-size:9px;padding:2px 0;border-radius:2px}.tutorial-bingo-card.small .card-header-cell.hdr-b{background:#4dd0e1}.tutorial-bingo-card.small .card-header-cell.hdr-i{background:#f06292}.tutorial-bingo-card.small .card-header-cell.hdr-n{background:#9575cd}.tutorial-bingo-card.small .card-header-cell.hdr-g{background:#81c784}.tutorial-bingo-card.small .card-header-cell.hdr-o{background:#ffb74d}.tutorial-bingo-card.small .card-grid{gap:2px}.tutorial-bingo-card.small .card-cell{font-size:0;border-radius:2px;box-shadow:0 1px #0000000d}.tutorial-bingo-card.small .card-cell.highlighted{background:#b388ff}.tutorial-bingo-card.small .card-cell.star-cell .star-icon{font-size:10px}.boost-grid{margin-bottom:56px}.boost-glow{background:#c4a3ff!important;position:relative;font-size:20px!important}.boost-bar{position:absolute;bottom:0;left:0;right:0;height:65px;background:#e2ccff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-top:2px solid rgba(255,255,255,.6);box-shadow:0 -4px 10px #0000000d}.boost-meter{width:80px;height:28px;background:#c4a3ff;border-radius:999px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a;border:1px solid rgba(179,136,255,.3)}.boost-meter-fill{position:absolute;left:0;top:0;bottom:0;width:60%;background:linear-gradient(to right,#f06292,#ff9a9e);border-radius:999px}.boost-star-btn{width:44px;height:44px;background:#b388ff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;border:2px solid #e2ccff;color:#fff;font-size:24px}.boost-bingo-btn{padding:6px 12px;background:#8c52ff;color:#fff;font-weight:900;letter-spacing:.05em;border-radius:999px;box-shadow:0 2px 6px #00000026;font-size:13px}.tutorial-footer{margin-top:auto;height:148px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:32px;z-index:10;background:#fff;flex-shrink:0}.tutorial-nav-btn{background:#7c3aed;color:#fff;font-family:Gilroy Light,Gilroy Medium,Gilroy Bold,Gilroy Black,ui-sans-serif,system-ui,sans-serif;font-weight:900;font-size:22px;padding:14px 56px;border-radius:999px;border:none;cursor:pointer;box-shadow:0 5px #5b21b6;letter-spacing:.1em;margin-bottom:16px;transition:transform .1s,box-shadow .1s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tutorial-nav-btn.pressed{box-shadow:0 0 #5b21b6;transform:translateY(5px)}.tutorial-counter{color:#64748b;font-size:22px;font-weight:500;letter-spacing:.1em;opacity:.8}.tutorial-overlay.fade-in{animation:tutorial-fade-in .3s ease-out forwards}.tutorial-overlay.fade-out{animation:tutorial-fade-out .3s ease-in forwards}@keyframes tutorial-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tutorial-fade-out{0%{opacity:1}to{opacity:0}}.results-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Gilroy Light,Gilroy Medium,Gilroy Bold,Gilroy Black,ui-sans-serif,system-ui,sans-serif;z-index:100;background:#d0e8f2;overflow:hidden}.results-panel{width:380px;height:680px;background:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;transform-origin:center}.results-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;pointer-events:none;background:radial-gradient(#e84393 1px,transparent 1px);background-size:16px 16px}.results-header{padding-top:32px;padding-bottom:16px;text-align:center;position:relative;z-index:10;flex-shrink:0}.results-title{font-size:38px;font-weight:900;color:#e84393;letter-spacing:.15em;margin-bottom:6px}.results-title-bar{width:64px;height:6px;background:#f8b4d9;margin:0 auto;border-radius:999px}.results-card-area{flex:1;padding:0 24px 4px;position:relative;z-index:10;display:flex;flex-direction:column;min-height:0}.results-card{background:#fff;border-radius:24px;box-shadow:0 10px 40px #00000014;border:1px solid #f1f5f9;padding:20px 20px 16px;display:flex;flex-direction:column;flex:1;min-height:0}.results-rows{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px}.results-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9}.results-row:last-child{border-bottom:none}.results-row-left{display:flex;align-items:center;gap:12px}.results-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.results-icon svg{width:16px;height:16px}.results-icon-pink{background:#fce4ec;color:#e84393}.results-icon-red{background:#fee2e2;color:#ef4444}.results-row-info{display:flex;align-items:baseline;gap:8px}.results-count{font-weight:900;font-size:18px;color:#334155;min-width:28px;text-align:right}.results-count-red{color:#ef4444}.results-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:#64748b;text-transform:uppercase}.results-label-red{color:#ef4444}.results-score{font-weight:900;font-size:20px;letter-spacing:-.02em}.results-score-pink{color:#e84393}.results-score-red{color:#ef4444}.results-divider{height:1px;background:#f1f5f9;margin:4px 0}.results-total-area{margin-top:12px;padding-top:16px;border-top:2px solid #f1f5f9;flex-shrink:0}.results-total-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:8px}.results-total-label{font-size:20px;font-weight:700;letter-spacing:.15em;color:#94a3b8;text-transform:uppercase}.results-total-score{font-size:48px;font-weight:900;color:#e84393;letter-spacing:-.03em;line-height:1}.results-submitted{text-align:center;margin-top:4px}.results-submitted-badge{display:inline-block;padding:4px 16px;background:#dcfce7;color:#16a34a;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.results-footer{padding:12px 24px 28px;z-index:10;flex-shrink:0}.results-continue-btn{width:100%;background:#7c3aed;color:#fff;font-family:Gilroy Light,Gilroy Medium,Gilroy Bold,Gilroy Black,ui-sans-serif,system-ui,sans-serif;font-weight:900;font-size:20px;padding:16px 0;border-radius:16px;border:none;cursor:pointer;box-shadow:0 4px #5b21b6;letter-spacing:.1em;transition:transform .1s,box-shadow .1s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:flex;align-items:center;justify-content:center;gap:8px}.results-continue-btn.pressed{box-shadow:0 0 #5b21b6;transform:translateY(4px)}.results-arrow{font-size:22px}.results-overlay.fade-in{animation:results-fade-in .3s ease-out forwards}.results-overlay.fade-out{animation:results-fade-out .3s ease-in forwards}@keyframes results-fade-in{0%{opacity:0}to{opacity:1}}@keyframes results-fade-out{0%{opacity:1}to{opacity:0}}