@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ShareTechMono-Regular.woff2) format("woff2")}@font-face{font-family:Special Elite;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/SpecialElite-Regular.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/Orbitron.woff2) format("woff2")}@font-face{font-family:DotGothic16;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/DotGothic16-Regular.woff2) format("woff2")}:root{--bg-primary: #0a0a08;--bg-secondary: #141410;--bg-panel: #1a1a14;--text-primary: #33ff33;--text-amber: #ffb000;--text-dim: #667766;--text-muted: #445544;--accent-red: #ff3333;--accent-glow: rgba(51, 255, 51, .15);--card-bg: #e8e0d0;--card-back: #2a2a24;--card-border: #444438;--card-symbol: #1a1a14;--crt-scanline-opacity: .06;--crt-grain-opacity: .04;--font-mono: "Share Tech Mono", "Courier New", monospace;--font-typewriter: "Special Elite", "Courier New", serif;--font-display: "Orbitron", "Share Tech Mono", monospace;--font-jp: "DotGothic16", "Share Tech Mono", monospace;--gap: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;height:100dvh;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.4;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{position:relative;width:100%;height:100%;max-width:430px;margin:0 auto;overflow:hidden}@supports (padding-top: env(safe-area-inset-top)){#app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}#crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,var(--crt-scanline-opacity)) 2px,rgba(0,0,0,var(--crt-scanline-opacity)) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.02) 3px,rgba(0,0,0,.02) 4px);animation:flicker 8s infinite}#crt-overlay:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:var(--crt-grain-opacity);pointer-events:none;animation:grain .5s steps(4) infinite}#crt-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.4) 100%)}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-5%,-10%)}50%{transform:translate(10%,5%)}75%{transform:translate(-2%,8%)}to{transform:translate(7%,-3%)}}@media(prefers-reduced-motion:reduce){#crt-overlay{animation:none}#crt-overlay:before{animation:none;opacity:0}}.btn{display:inline-block;padding:12px 24px;border:1px solid var(--text-primary);background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:14px;letter-spacing:2px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;width:100%;text-align:center}.btn:active{background:var(--text-primary);color:var(--bg-primary)}.btn--primary{border-color:var(--text-amber);color:var(--text-amber);text-shadow:0 0 10px rgba(255,176,0,.3)}.btn--primary:active{background:var(--text-amber);color:var(--bg-primary)}.btn--secondary{border-color:var(--text-dim);color:var(--text-dim)}.btn--secondary:active{background:var(--text-dim);color:var(--bg-primary)}.btn--danger{border-color:var(--accent-red);color:var(--accent-red);font-size:11px}.btn--danger:active{background:var(--accent-red);color:var(--bg-primary)}.btn--small{padding:8px 16px;font-size:11px}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:opacity .3s ease,transform .3s ease}.screen--enter{opacity:0;transform:translateY(10px)}.screen--exit{opacity:0;transform:translateY(-10px);pointer-events:none}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes textGlow{0%,to{text-shadow:0 0 5px rgba(51,255,51,.3)}50%{text-shadow:0 0 15px rgba(51,255,51,.6),0 0 30px rgba(51,255,51,.2)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.screen--title{background:var(--bg-primary);justify-content:flex-start}.title__content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;padding-top:max(16px,4dvh);padding-bottom:max(16px,3dvh);width:100%}.title__logo{display:flex;flex-direction:column;align-items:center;gap:4px}.title__logo-border{width:120px;height:1px;background:var(--text-primary);box-shadow:0 0 8px var(--text-primary)}.title__logo-text{font-family:var(--font-mono);font-size:36px;letter-spacing:16px;color:var(--text-primary);text-shadow:0 0 20px rgba(51,255,51,.5);padding:8px 0}.title__logo-institute{font-family:var(--font-mono);font-size:8px;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-top:2px}.title__divider{width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--text-dim) 20%,var(--text-dim) 80%,transparent)}.title__name{display:flex;flex-direction:column;align-items:center;gap:4px}.title__project{font-family:var(--font-mono);font-size:14px;letter-spacing:8px;color:var(--text-dim)}.title__main{font-family:var(--font-display);font-weight:900;font-size:32px;letter-spacing:3px;color:var(--text-amber);text-shadow:0 0 20px rgba(255,176,0,.4);animation:textGlow 4s ease-in-out infinite}.title__subtitle{font-family:var(--font-mono);font-size:12px;letter-spacing:3px;color:var(--text-dim);text-align:center;line-height:1.8}.title__description{width:85%;max-width:300px;margin-top:8px;display:flex;flex-direction:column;gap:8px}.title__description-en{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);line-height:1.7;text-align:center;letter-spacing:.5px}.title__description-jp{font-family:var(--font-jp);font-size:11px;color:var(--text-dim);line-height:1.8;text-align:center}.title__lang{display:flex;align-items:center;gap:8px;margin-top:4px}.title__lang-btn{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--text-muted);background:none;border:1px solid transparent;padding:4px 12px;cursor:pointer;transition:color .2s,border-color .2s,text-shadow .2s}.title__lang-btn--active{color:var(--text-amber);border-color:var(--text-amber);text-shadow:0 0 8px rgba(255,176,0,.4)}.title__lang-btn:not(.title__lang-btn--active):hover{color:var(--text-dim)}.title__lang-sep{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.title__actions{display:flex;flex-direction:column;gap:10px;width:80%;max-width:280px;margin-top:12px}.title__version{font-size:10px;color:var(--text-muted);margin-top:12px}.screen--player-setup{background:var(--bg-primary);justify-content:flex-start}.setup__content{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 24px;padding-top:max(24px,5dvh);width:100%;max-width:340px}.setup__header{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.setup__title{font-family:var(--font-mono);font-size:16px;letter-spacing:3px;color:var(--text-amber);text-shadow:0 0 10px rgba(255,176,0,.3)}.setup__divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--text-dim) 20%,var(--text-dim) 80%,transparent)}.setup__form{display:flex;flex-direction:column;gap:20px;width:100%}.setup__field{display:flex;flex-direction:column;gap:6px}.setup__label{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--text-dim)}.setup__select{font-family:var(--font-mono);font-size:14px;letter-spacing:1px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--text-muted);border-radius:4px;padding:10px 32px 10px 12px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2333ff33' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.setup__select:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 8px #3f33}.setup__select option{background:#1a1a18;color:var(--text-primary)}.setup__actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:8px}.screen--game{background:var(--bg-primary);justify-content:flex-start;overflow:hidden}.game__intro{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px}.game__intro-text{font-family:var(--font-mono);font-size:16px;color:var(--text-primary);text-align:center;line-height:2;text-shadow:0 0 10px rgba(51,255,51,.3);white-space:pre-line}.game__area{display:flex;flex-direction:column;width:100%;height:100%;padding:12px}.game__hud{display:flex;justify-content:space-between;align-items:center;padding:8px 4px;border-bottom:1px solid var(--text-muted);margin-bottom:12px;flex-shrink:0}.hud__row{display:flex;align-items:center;gap:4px}.hud__label{font-size:10px;color:var(--text-dim);letter-spacing:1px}.hud__value{font-size:14px;color:var(--text-amber);font-family:var(--font-mono);letter-spacing:2px}.hud__value--warning{color:var(--accent-red);animation:textGlow .5s ease-in-out infinite}.hud__lives{display:flex;align-items:center;gap:6px}.hud__life{display:inline-block;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--text-amber);background:var(--text-amber);box-shadow:0 0 4px #ffb00066;transition:opacity .3s ease,background .3s ease}.hud__life[data-active=false]{background:transparent;box-shadow:none;opacity:.3}.hud__life--lost{animation:lifeLost .5s ease-out}@keyframes lifeLost{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);box-shadow:0 0 12px #f33c;border-color:var(--accent-red);background:var(--accent-red)}to{transform:scale(1);opacity:.3;background:transparent;box-shadow:none}}.game__board{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--grid-cols, 2),1fr);grid-template-rows:repeat(var(--grid-rows, 1),1fr);gap:var(--gap);padding:8px;align-content:center;justify-items:center;align-items:center}.board--cleared{animation:boardClear 1s ease-out forwards}@keyframes boardClear{0%{opacity:1}50%{opacity:.5;filter:brightness(2)}to{opacity:0}}.game__phase-result{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:10;background:#141414e0;pointer-events:none}.game__phase-result--visible{display:flex;animation:phaseResultIn .3s ease-out}.game__phase-result--fade-out{animation:phaseResultOut .3s ease-in forwards}.phase-result__title{font-family:var(--font-display);font-size:28px;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}.phase-result__title--clear{color:var(--text-primary);text-shadow:0 0 20px rgba(51,255,51,.6),0 0 40px rgba(51,255,51,.3)}.phase-result__title--miss{color:var(--accent-red);text-shadow:0 0 20px rgba(255,51,51,.6),0 0 40px rgba(255,51,51,.3)}.phase-result__subtitle{font-family:var(--font-mono);font-size:20px;letter-spacing:2px}.phase-result__subtitle--clear{color:var(--text-amber);text-shadow:0 0 10px rgba(255,176,0,.4)}.phase-result__subtitle--miss{color:#c66;text-shadow:0 0 10px rgba(204,102,102,.4)}@keyframes phaseResultIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes phaseResultOut{0%{opacity:1}to{opacity:0}}.game__footer{display:flex;justify-content:space-between;align-items:center;padding:8px 4px;border-top:1px solid var(--text-muted);margin-top:12px;flex-shrink:0}.screen--ad-transition{background:var(--bg-primary);justify-content:center;align-items:center}.ad-transition__content{font-family:var(--font-mono);font-size:14px;color:var(--text-primary);text-align:center;line-height:2;text-shadow:0 0 10px rgba(51,255,51,.3);white-space:pre-line;padding:24px;max-width:340px}.screen--result{background:var(--bg-primary);justify-content:flex-start;align-items:stretch}.result__scroll{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;align-items:center;-webkit-overflow-scrolling:touch}.result__content{font-family:var(--font-mono);font-size:12px;color:var(--text-primary);line-height:1.8;white-space:pre-line;text-shadow:0 0 5px rgba(51,255,51,.2);width:100%;max-width:340px;flex-shrink:0}.result__jp{font-family:var(--font-jp);font-size:13px;line-height:1.9}.result__actions{display:flex;flex-direction:column;gap:10px;width:80%;max-width:280px;margin-top:24px;padding-bottom:24px;flex-shrink:0}.result__actions--visible{visibility:visible!important;animation:fadeIn .5s ease}.result__skip{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:2px;animation:blink 1.5s ease-in-out infinite;cursor:pointer}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.screen--records{background:var(--bg-primary);justify-content:flex-start;padding:24px 16px;overflow-y:auto}.records__content{width:100%;max-width:340px}.records__header{text-align:center;margin-bottom:24px}.records__title{font-size:16px;color:var(--text-amber);letter-spacing:3px;text-shadow:0 0 10px rgba(255,176,0,.3)}.records__summary{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;padding:16px;border:1px solid var(--text-muted)}.records__stat{display:flex;justify-content:space-between}.records__stat-label{font-size:12px;color:var(--text-dim);letter-spacing:1px}.records__stat-value{font-size:14px;color:var(--text-amber);letter-spacing:2px}.records__divider{font-size:12px;color:var(--text-dim);margin-bottom:12px;letter-spacing:1px}.records__list{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.records__row{display:flex;justify-content:space-between;padding:6px 8px;border-bottom:1px solid rgba(68,85,68,.3);font-size:12px}.records__num{color:var(--text-muted);width:30px}.records__level{color:var(--text-primary);width:50px}.records__score{color:var(--text-amber);width:60px;text-align:right}.records__rank{color:var(--text-primary);width:30px;text-align:right}.records__empty{color:var(--text-muted);text-align:center;padding:24px 0;font-size:12px;letter-spacing:2px}.records__actions{display:flex;justify-content:center;margin-top:16px;width:100%;max-width:280px}@media(max-height:640px){.title__content{gap:10px;padding-top:12px;padding-bottom:12px}.title__logo-text{font-size:28px;letter-spacing:12px;padding:4px 0}.title__main{font-size:26px}.title__description{margin-top:4px;gap:4px}.title__description-en{font-size:9px;line-height:1.5}.title__description-jp{font-size:10px;line-height:1.6}.title__actions{margin-top:8px;gap:8px}.title__version{margin-top:8px}.btn{padding:10px 20px}.setup__content{gap:16px;padding-top:16px}.setup__form{gap:14px}.setup__select{padding:8px 10px}}@media(max-height:540px){.title__content{gap:6px;padding-top:8px;padding-bottom:8px}.title__logo-text{font-size:24px;letter-spacing:10px}.title__main{font-size:22px}.title__subtitle{font-size:10px}.title__description{gap:2px}.title__description-en,.title__description-jp{font-size:9px;line-height:1.4}.btn{padding:8px 16px;font-size:12px}}.card{width:100%;aspect-ratio:3 / 4;max-width:var(--card-max-w, 120px);max-height:100%;perspective:800px;cursor:pointer;-webkit-tap-highlight-color:transparent}.card--enter{animation:cardEnter .5s ease-out backwards}@keyframes cardEnter{0%{opacity:0;transform:scale(.5) rotateY(180deg) translateY(20px)}60%{opacity:1;transform:scale(1.03) rotateY(10deg) translateY(-3px)}80%{transform:scale(.98) rotateY(-3deg) translateY(1px)}to{transform:scale(1) rotateY(0) translateY(0)}}.card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s ease}.card--flipped .card__inner{transform:rotateY(180deg)}.card--flipping-to-front .card__inner{animation:flipToFront .5s ease-in-out forwards;transition:none}.card--flipping-to-back .card__inner{animation:flipToBack .5s ease-in-out forwards;transition:none}@keyframes flipToFront{0%{transform:rotateY(0) scale(1)}30%{transform:rotateY(60deg) scale(1.05) translateZ(10px)}50%{transform:rotateY(90deg) scale(1.08) translateZ(15px)}70%{transform:rotateY(120deg) scale(1.05) translateZ(10px)}to{transform:rotateY(180deg) scale(1) translateZ(0)}}@keyframes flipToBack{0%{transform:rotateY(180deg) scale(1)}30%{transform:rotateY(120deg) scale(1.05) translateZ(10px)}50%{transform:rotateY(90deg) scale(1.08) translateZ(15px)}70%{transform:rotateY(60deg) scale(1.05) translateZ(10px)}to{transform:rotateY(0) scale(1) translateZ(0)}}.card--flipping-to-front,.card--flipping-to-back{filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.card--peeking .card__inner{transform:rotateY(180deg)}.card__face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:6px;display:flex;align-items:center;justify-content:center}.card__face--back{background:var(--card-back);border:2px solid var(--card-border);overflow:hidden}.card__back-image{width:100%;height:100%;object-fit:cover;border-radius:4px;pointer-events:none;-webkit-user-select:none;user-select:none}.card__back-design{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:8px}.card__back-border{position:absolute;width:calc(100% - 12px);height:calc(100% - 12px);border:1px solid var(--card-border);border-radius:3px}.card__back-symbol{font-family:var(--font-mono);font-size:24px;color:var(--text-muted);opacity:.5}.card__face--front{background:var(--card-bg);border:2px solid #b8b0a0;transform:rotateY(180deg)}.card__symbol{width:65%;height:65%;color:var(--card-symbol)}.card--match-success{pointer-events:none}.card--match-success .card__face--front{animation:matchGlow 2s ease-out}@keyframes matchGlow{0%{box-shadow:0 0 #3f30;transform:rotateY(180deg) scale(1)}15%{box-shadow:0 0 25px 8px #33ff33b3;transform:rotateY(180deg) scale(1.05)}30%{box-shadow:0 0 20px 6px #33ff3380;transform:rotateY(180deg) scale(1.02)}70%{box-shadow:0 0 15px 5px #3f36;transform:rotateY(180deg) scale(1)}to{box-shadow:0 0 5px 2px #33ff3326;transform:rotateY(180deg) scale(1)}}.card--matched{pointer-events:none}.card--matched-fade{opacity:.3;transition:opacity .8s ease}.card--matched .card__face--front{border-color:#33ff334d;box-shadow:0 0 8px #33ff331a}.card--mismatch .card__face--front{animation:mismatchFlash .6s ease}@keyframes mismatchFlash{0%{border-color:#b8b0a0;box-shadow:none;transform:rotateY(180deg) translate(0)}10%{border-color:var(--accent-red);box-shadow:0 0 15px #ff333380;transform:rotateY(180deg) translate(-3px)}20%{transform:rotateY(180deg) translate(3px)}30%{transform:rotateY(180deg) translate(-2px)}40%{transform:rotateY(180deg) translate(2px)}50%{border-color:var(--accent-red);box-shadow:0 0 20px #f339;transform:rotateY(180deg) translate(0)}70%{border-color:#b8b0a0;box-shadow:0 0 5px #f333}to{border-color:#b8b0a0;box-shadow:none}}@media(hover:hover){.card:hover .card__face--back{border-color:var(--text-primary);box-shadow:0 0 10px #3f33}}.card:active .card__face--back{border-color:var(--text-primary);background:#333328}