:root{--primary-color: #FF85A2;--primary-hover: #FF6B91;--secondary-color: #E0F2FE;--secondary-hover: #BAE6FD;--bg-color: #F8FAFC;--text-main: #334155;--text-muted: #64748B;--canvas-bg: #FFFFFF}*{box-sizing:border-box;margin:0;padding:0;font-family:Noto Sans JP,sans-serif;-webkit-user-select:none;user-select:none}body{background-color:#94a3b8;color:var(--text-main);height:100vh;width:100vw;overflow:hidden;display:flex;justify-content:center;align-items:center}#app{width:100%;max-width:500px;height:100%;position:relative;background-color:#e0f2fe;display:flex;flex-direction:column;box-shadow:0 0 40px #0003;border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3)}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:opacity .4s ease,visibility .4s ease;opacity:0;visibility:hidden}.screen.active{opacity:1;visibility:visible}.hidden{display:none!important}#title-screen h1{font-size:2.6rem;letter-spacing:-1px;text-align:center;margin-bottom:12px;color:var(--primary-color)}#title-screen .main-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}#title-screen p{color:var(--text-muted);margin-bottom:40px}.privacy-note{font-size:.85rem;color:var(--text-muted);text-align:center;max-width:80%;margin-top:30px;margin-bottom:0;line-height:1.4}.license-info-container{margin-top:auto;padding-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.license-info{font-size:.75rem;color:#64748b!important}.text-btn{background:none;border:none;color:var(--primary-color);font-size:.8rem;text-decoration:underline;padding:5px;min-width:0;box-shadow:none}.text-btn:hover{background:none;color:var(--primary-hover)}#license-screen h2{margin-bottom:20px}.license-scroll-box{width:100%;flex-grow:1;max-height:50vh;min-height:0;overflow-y:auto;background-color:#ffffff0d;border-radius:8px;padding:15px;margin-bottom:20px;text-align:left}.license-scroll-box h3{font-size:1rem;color:#38bdf8;margin-top:15px;margin-bottom:8px}.license-scroll-box h3:first-child{margin-top:0}.license-scroll-box pre{font-family:monospace;font-size:.75rem;color:#cbd5e1;white-space:pre-wrap;word-wrap:break-word}button{border:none;border-radius:999px;padding:12px 20px;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;white-space:nowrap}button:active{transform:scale(.95)}.primary-btn{background-color:var(--primary-color);color:#fff}.primary-btn:hover{background-color:var(--primary-hover)}.secondary-btn{background-color:var(--secondary-color);color:#1f2937}.secondary-btn:hover{background-color:var(--secondary-hover)}.tertiary-btn{background-color:#10b981;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-left-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#game-screen{justify-content:flex-start;padding-top:40px}.header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 5px}.score{font-size:1.2rem;font-weight:700;color:#38bdf8}.prompt{font-size:1.3rem;font-weight:700;background:#fff;color:var(--primary-color);padding:10px 20px;border-radius:14px;box-shadow:0 4px 6px -1px #0000000d;border:2px solid #FFE4E6}.canvas-container{width:100%;aspect-ratio:1 / 1;background-color:var(--canvas-bg);border-radius:20px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;overflow:hidden;margin-bottom:24px;border:4px solid #F1F5F9}canvas{width:100%;height:100%;touch-action:none}.controls{width:100%;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.result-box{font-size:1.2rem;font-weight:700;text-align:center;padding:14px;border-radius:14px;width:100%;margin-bottom:24px;min-height:60px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#fff}.result-box.empty{border:2px dashed #CBD5E1;background-color:transparent;color:var(--text-muted)}.result-success{background-color:#ecfdf5;color:#059669;border:2px solid #10B981}.result-fail{background-color:#fef2f2;color:#dc2626;border:2px solid #EF4444}