*{margin:0;padding:0;box-sizing:border-box}#bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#3a3a3a,#1e1e1e);overflow:hidden;z-index:-1}#bg-animation:before{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 2px,transparent 2px,transparent 6px);animation:bgLines 30s linear infinite;pointer-events:none;opacity:.2}@keyframes bgLines{0%{transform:translate(0)}to{transform:translate(-10%,-10%)}}.hiragana{position:absolute;font-size:2.4rem;color:#000c;-webkit-user-select:none;user-select:none;pointer-events:none;animation:float 6s infinite ease-in-out alternate}@keyframes float{0%{transform:translateY(0) rotate(0);opacity:.6}to{transform:translateY(-30px) rotate(15deg);opacity:1}}.page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;padding:1rem}.page-title{font-size:3rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-top:6rem;margin-bottom:2rem;animation:fadeInDown 1s ease forwards;opacity:0;z-index:10}.page-title{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);margin-bottom:0;pointer-events:none}@keyframes fadeInDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.btn{background:linear-gradient(to right,#00c853,#64dd17);border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.5rem;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #00c85366;transition:all .3s ease;animation:fadeInUp 1.2s ease forwards;opacity:0}.btn:hover{background:linear-gradient(to right,#00b342,#52c41a);box-shadow:0 12px 30px #00c85399;transform:scale(1.05)}.card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border-radius:16px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.2);width:100%;max-width:100%;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease}.card-animate{animation:cardAppear .6s cubic-bezier(.77,0,.18,1)}@keyframes cardAppear{0%{opacity:0;transform:scale(.92) rotateX(12deg);box-shadow:0 0 #00ffe7}60%{opacity:1;transform:scale(1.04) rotateX(0);box-shadow:0 0 32px #00ffe7cc}to{opacity:1;transform:scale(1) rotateX(0);box-shadow:0 8px 32px #0003}}#word-text1,#word-text2{font-size:1.2rem;font-weight:600;color:#fff;text-align:center;width:100%;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.reload-btn{position:absolute;top:-10px;right:-10px;background:#00c853;color:#fff;font-size:1.1rem;border:none;border-radius:100px;padding:.4rem .7rem;cursor:pointer;box-shadow:0 4px 12px #00c85366;transition:background .2s,box-shadow .2s,transform .1s;-webkit-tap-highlight-color:transparent}.reload-btn:hover{background:#009e40;box-shadow:0 2px 8px #00c8534d;transform:scale(.96)}.reload-btn:focus{background:#00c853;outline:none}.reload-btn:active{background:#009e40;box-shadow:0 2px 8px #00c8534d;transform:scale(.96)}.cross-icon{font-size:3.2rem;font-weight:700;color:#ffffffd9;text-shadow:0 0 8px rgba(255,255,255,.3),0 0 16px rgba(255,255,255,.2);margin:-.2rem 0 -.4rem;animation:pulseX 2.8s ease-in-out infinite}@keyframes pulseX{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@media (max-width: 600px){.service-title,.page-title{font-size:2.2rem}.btn{font-size:1.2rem;padding:.8rem 2rem}.card{width:90%}}#word-page{position:relative;width:100%;max-width:400px;margin:0 auto}.vote-panel{width:100%;max-width:400px;margin:.5rem auto 0;background:#ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000002e;padding:1.2rem 1rem 1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.vote-list{list-style:none;padding:0;margin:0}.vote-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .2rem;border-bottom:1px solid rgba(255,255,255,.18)}.vote-item:last-child{border-bottom:none}.player-name{flex:1;font-weight:700}.player-name-input{width:7em;margin-right:.7em;font-size:1.2rem;padding:.25em .5em;border-radius:8px;border:1px solid #ddd;background:#ffffffb3}.player-votes{position:relative;display:inline-block;width:40px;text-align:center;color:#fff;font-weight:700;font-size:1.3em}.player-votes.bounce{animation:scoreBounce .4s cubic-bezier(.77,0,.18,1)}@keyframes scoreBounce{0%{transform:scale(1);color:#fff}30%{transform:scale(1.4);color:#00ffe7}60%{transform:scale(.95)}to{transform:scale(1);color:#fff}}.score-float{position:absolute;left:50%;top:50%;transform:translate(-50%);font-size:1.1em;font-weight:700;pointer-events:none;opacity:0;animation:scoreFloat .85s cubic-bezier(.77,0,.18,1) forwards;z-index:2}.score-float.plus{color:#00ffe7}.score-float.minus{color:#ff5252}@keyframes scoreFloat{0%{opacity:0;transform:translate(-50%) scale(1.1)}10%{opacity:.7}20%{opacity:1;transform:translate(-50%,-6px) scale(1.12)}30%{opacity:1;transform:translate(-50%,-12px) scale(1.13)}50%{opacity:1;transform:translate(-50%,-20px) scale(1.15)}70%{opacity:.9;transform:translate(-50%,-28px) scale(1.18)}90%{opacity:.5}to{opacity:0;transform:translate(-50%,-36px) scale(1.2)}}.vote-panel .btn{animation:none!important;opacity:1!important;width:auto;font-size:1rem;padding:.5em 1.2em;border-radius:24px;margin-top:1em;box-shadow:0 4px 16px #00c8532e}.vote-item button{margin-left:.3em;border-radius:8px;border:none;background:#28282880;color:#fff;padding:.15em .5em;font-size:1.2em;transition:background .2s,color .2s;box-shadow:0 2px 8px #0000001a}.vote-item button:has(>.fa-trash),.vote-item button[title=削除]{font-weight:700;font-size:1.3em;background:none;color:#ff3b3b;box-shadow:none}.vote-item button[title=削除]:hover{font-weight:700;font-size:1.3em;background:none;color:#ff1744;box-shadow:none}.vote-item.flash{animation:voteFlash .5s}@keyframes voteFlash{0%{background:#00ffe72e}60%{background:#00ffe761}to{background:transparent}}.vote-item.add-animate{animation:voteAdd .5s cubic-bezier(.77,0,.18,1)}@keyframes voteAdd{0%{opacity:0;transform:translateY(-16px) scale(.96)}60%{opacity:1;transform:translateY(4px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}.vote-item.remove-animate{animation:voteRemove .5s cubic-bezier(.77,0,.18,1) forwards}@keyframes voteRemove{0%{opacity:1;transform:translateY(0) scale(1)}15%{opacity:1;transform:translateY(-8px) scale(1.08)}80%{opacity:.4;transform:translateY(32px) scale(.93)}to{opacity:0;transform:translateY(40px) scale(.9)}}.score-board-title{display:block;font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:.08em;margin-bottom:1rem;text-align:center;text-shadow:1px 1px 4px rgba(0,0,0,.18)}.custom-modal{position:fixed;z-index:9999;left:0;top:0;width:100vw;height:100vh;background:#00000073;display:flex;align-items:center;justify-content:center}.custom-modal-content{background:#3f3f3ffa;border-radius:18px;box-shadow:0 8px 32px #00000040;padding:2rem 1.5rem 1.5rem;min-width:260px;max-width:90vw;text-align:center;color:#fff;animation:fadeInUp .3s}.custom-modal-message{font-size:1.1rem;margin-bottom:1.5rem;font-weight:700;letter-spacing:.03em}.custom-modal-actions{display:flex;gap:1.2em;justify-content:center}.custom-modal-actions .btn{font-size:.9rem;padding:.7em 1em;border-radius:2em}.btn.danger{background:linear-gradient(to right,#ff5252,#ff1744);color:#fff}.btn.danger:hover{background:linear-gradient(to right,#ff1744,#d32f2f)}#score-reset-btn,.score-reset-btn{background:linear-gradient(to right,#ffb347,#ff5252);color:#fff;font-size:.8rem;padding:.2em .8em;border-radius:1.2em;border:none;box-shadow:0 2px 8px #ff525226;cursor:pointer;transition:background .2s,box-shadow .2s}#score-reset-btn:hover,.score-reset-btn:hover{background:linear-gradient(to right,#ff5252,#ff1744);box-shadow:0 4px 16px #ff525240}.howto-float-btn{position:absolute;top:1.2rem;right:1.2rem;z-index:10;background:none;color:#90caf9;font-size:1.2rem;font-weight:700;border:none;box-shadow:none;border-radius:0;padding:0;margin-top:3.8rem;text-decoration:underline;cursor:pointer;transition:color .2s}.howto-float-btn:hover{color:#42a5f5;text-decoration:underline}#howto-modal .custom-modal-content{background:#282828fa;padding:0;border-radius:18px;box-shadow:0 8px 32px #00000040;text-align:center;max-height:80vh;overflow-y:auto;width:95vw;max-width:95vw}#howto-modal img{width:100%;max-width:400px;height:auto;display:block;margin:auto;border-radius:12px 12px 0 0}.modal-close-x{display:none}#howto-close{width:80%;max-width:320px;font-size:1.2rem;margin:1.2rem auto 1rem;display:block}.mugen-logo-img{height:12rem;max-width:90vw;display:block;margin:0}h1.service-title{margin:1rem 0 0;padding:0}