*{margin:0;padding:0;box-sizing:border-box}body{font-family:Gowun Dodum,sans-serif;background:linear-gradient(135deg,#f5e6d3,#d4a5a5,#b8c5d6);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative;overflow-x:hidden}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,209,178,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(184,197,214,.3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(212,165,165,.3) 0%,transparent 50%);pointer-events:none}.container{background:linear-gradient(135deg,#fffef9,#fdf8f3);border-radius:40px;padding:50px 40px;max-width:900px;width:100%;box-shadow:0 20px 60px #00000026,inset 0 1px #fffc,0 1px 3px #0000001a;position:relative;transform:rotate(-.5deg);animation:floatIn .6s ease-out}@keyframes floatIn{0%{opacity:0;transform:rotate(-.5deg) translateY(30px)}to{opacity:1;transform:rotate(-.5deg) translateY(0)}}h1{font-family:Nanum Pen Script,cursive;color:#d4735e;text-align:center;margin-bottom:15px;font-size:3.5em;transform:rotate(-2deg);text-shadow:3px 3px 0px #f5e6d3,5px 5px 0px rgba(0,0,0,.1);letter-spacing:2px}.subtitle{text-align:center;color:#8b7d6b;margin-bottom:30px;font-size:1.2em;font-weight:600;transform:rotate(.5deg)}.screen{display:none}.screen.active{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{background:linear-gradient(135deg,#f4a261,#e76f51);color:#fff;border:none;padding:18px 40px;border-radius:25px;font-size:1.3em;cursor:pointer;transition:all .3s ease;font-weight:700;margin:10px 5px;box-shadow:0 8px #c85a40,0 10px 20px #e76f5166;position:relative;transform:rotate(-1deg);font-family:Gowun Dodum,sans-serif}.btn:hover{transform:rotate(-1deg) translateY(-3px);box-shadow:0 11px #c85a40,0 13px 25px #e76f5180}.btn:active{transform:rotate(-1deg) translateY(5px);box-shadow:0 3px #c85a40,0 5px 15px #e76f514d}.btn-secondary{background:linear-gradient(135deg,#a8c5da,#8ba6bf);box-shadow:0 8px #6b8499,0 10px 20px #8ba6bf66;color:#fff;transform:rotate(1deg)}.btn-secondary:hover{transform:rotate(1deg) translateY(-3px);box-shadow:0 11px #6b8499,0 13px 25px #8ba6bf80}.btn-secondary:active{transform:rotate(1deg) translateY(5px);box-shadow:0 3px #6b8499,0 5px 15px #8ba6bf4d}.btn-option{background:#fdfaf5;color:#d4735e;border:4px solid #d4735e;padding:25px 35px;font-size:1.3em;width:200px;margin:15px;box-shadow:0 6px #c85a40,0 8px 20px #d4735e4d}.btn-option:hover{background:#fff9f0}.input-group{margin:25px 0}.input-group label{display:block;margin-bottom:10px;color:#8b7d6b;font-weight:700;font-size:1.1em;transform:rotate(-.5deg);display:inline-block}.input-group input{width:100%;padding:15px 25px;border:4px solid #e8d5c4;border-radius:20px;font-size:1.2em;background:#fffef9;transition:all .3s ease;font-family:Gowun Dodum,sans-serif;font-weight:400;box-shadow:inset 0 2px 4px #0000000d}.input-group input:focus{outline:none;border-color:#d4735e;box-shadow:inset 0 2px 4px #0000000d,0 0 0 4px #d4735e1a}.question-card{background:linear-gradient(135deg,#fff9f0,#ffe8d6);padding:45px;border-radius:30px;margin:30px 0;border:5px solid #f4a261;font-size:1.5em;line-height:1.7;color:#5a4a3a;box-shadow:0 10px #e89152,0 15px 30px #f4a2614d,inset 0 1px #ffffff80;transform:rotate(-.8deg);font-weight:400}.progress{text-align:center;color:#8b7d6b;margin-bottom:20px;font-size:1em;font-weight:700;background:#f5e6d3;padding:12px 25px;border-radius:20px;display:inline-block;box-shadow:0 4px 10px #0000001a;transform:rotate(.5deg)}.reaction-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:25px 0}.player-card{background:linear-gradient(135deg,#fef6ec,#f9ede0);padding:25px;border-radius:25px;border:4px solid #e8d5c4;box-shadow:0 6px #d4c0ad,0 8px 20px #0000001a;transform:rotate(-1deg);transition:transform .3s ease}.player-card:nth-child(2n){transform:rotate(1deg)}.player-card:hover{transform:rotate(0) translateY(-5px)}.player-card.disabled{opacity:.5;position:relative}.player-card.disabled:after{content:"본인은\a체크 불가";white-space:pre;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);background:#d4735ef2;color:#fff;padding:15px 25px;border-radius:15px;font-size:.95em;font-weight:800;text-align:center;box-shadow:0 5px 15px #d4735e66;border:3px solid white}.player-card.disabled *{pointer-events:none}.player-name{font-weight:700;color:#d4735e;margin-bottom:18px;font-size:1.5em;font-family:Gowun Dodum,sans-serif;transform:rotate(-2deg);display:inline-block}.reaction-item{display:flex;justify-content:space-between;align-items:center;margin:12px 0;padding:12px;background:#fff;border-radius:15px;box-shadow:0 3px 10px #0000000d;border:2px solid #f5e6d3}.reaction-label{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05em;color:#5a4a3a}.stars{font-size:1.4em;display:flex;gap:5px}.star-btn{background:none;border:none;font-size:1.3em;cursor:pointer;opacity:.25;transition:all .2s ease;transform:scale(1);filter:grayscale(1)}.star-btn:hover{transform:scale(1.2) rotate(-10deg);opacity:.5}.star-btn.active{opacity:1;filter:grayscale(0);animation:starPop .3s ease}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(15deg)}to{transform:scale(1)}}.button-group{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:35px}.result-chart{background:linear-gradient(135deg,#fff,#fdf8f3);padding:30px;border-radius:25px;margin:20px 0;position:relative;border:4px solid #e8d5c4;box-shadow:0 6px #d4c0ad,0 10px 25px #0000001a;transform:rotate(-.5deg)}.result-chart:nth-child(2n){transform:rotate(.5deg)}.rank-badge{position:absolute;top:20px;right:20px;padding:12px 20px;border-radius:20px;font-weight:700;font-size:1.4em;box-shadow:0 5px 15px #0003;transform:rotate(-10deg);font-family:Nanum Pen Script,cursive}.rank-badge.rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914;border:3px solid #ffa500}.rank-badge.rank-2{background:linear-gradient(135deg,#e8e8e8,silver);color:#666;border:3px solid #999}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#e5a679);color:#fff;border:3px solid #b86f28}.result-bar{display:flex;align-items:center;margin:15px 0}.result-label{width:110px;font-weight:700;font-size:1.1em}.result-fill{height:35px;background:linear-gradient(90deg,#f4a261,#e76f51);border-radius:20px;transition:width .6s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;justify-content:flex-end;padding-right:15px;color:#fff;font-weight:800;flex:1;box-shadow:0 4px #c85a40,inset 0 2px #ffffff4d}.total-score{text-align:center;font-size:1.6em;color:#d4735e;margin-top:20px;font-weight:700;font-family:Nanum Pen Script,cursive}.category-ranking{background:linear-gradient(135deg,#fef6ec,#f9ede0);padding:30px;border-radius:25px;margin:25px 0;border:4px solid #e8d5c4;box-shadow:0 8px 20px #0000001a;transform:rotate(-.5deg)}.category-ranking:nth-child(2n){transform:rotate(.5deg)}.category-ranking h2{color:#d4735e;font-size:2.3em;margin-bottom:25px;text-align:center;font-family:Nanum Pen Script,cursive;transform:rotate(-2deg);display:inline-block;width:100%}.ranking-list{background:#fff;padding:25px;border-radius:20px;margin:15px 0;box-shadow:inset 0 2px 8px #0000000d}.ranking-item{display:flex;align-items:center;padding:15px;margin:10px 0;background:linear-gradient(135deg,#fffef9,#fdf8f3);border-radius:15px;border:3px solid #f5e6d3;box-shadow:0 3px 10px #0000000d;transition:transform .2s ease}.ranking-item:hover{transform:translate(5px)}.ranking-position{font-size:2.2em;margin-right:20px;min-width:60px;text-align:center}.ranking-player{flex:1;font-size:1.3em;font-weight:800;color:#5a4a3a}.ranking-score{font-size:1.6em;color:#d4735e;font-weight:700;font-family:Nanum Pen Script,cursive}.intro-text{text-align:center;line-height:1.9;color:#8b7d6b;margin:35px 0;font-size:1.2em;font-weight:600}.time-info{text-align:center;background:linear-gradient(135deg,#f5e6d3,#e8d5c4);padding:18px;border-radius:20px;margin:25px 0;color:#5a4a3a;font-weight:700;font-size:1.1em;box-shadow:0 5px 15px #0000001a;border:3px solid #d4c0ad}.option-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;margin:35px 0}.current-reaction-notice{background:linear-gradient(135deg,#ffe8d6,#ffd4b8);padding:20px;border-radius:20px;text-align:center;margin:25px 0;color:#d4735e;font-weight:800;font-size:1.1em;border:4px solid #f4a261;box-shadow:0 5px 15px #f4a2614d;transform:rotate(-.5deg)}.timer-container{text-align:center;margin:25px 0}.timer-display{font-size:4.5em;font-weight:700;color:#d4735e;margin:25px 0;font-family:Nanum Pen Script,cursive;text-shadow:3px 3px 0px #f5e6d3;display:inline-block;background:#fff;padding:20px 40px;border-radius:25px;border:5px solid #f4a261;box-shadow:0 8px #e89152,0 10px 25px #f4a26166;transform:rotate(-2deg)}.timer-display.warning{color:#e76f51;animation:timerPulse .8s infinite;border-color:#e76f51}@keyframes timerPulse{0%,to{transform:rotate(-2deg) scale(1);box-shadow:0 8px #c85a40,0 10px 25px #e76f5166}50%{transform:rotate(-2deg) scale(1.05);box-shadow:0 10px #c85a40,0 15px 35px #e76f5199}}.player-selector{text-align:center;margin:25px 0}.player-selector label{font-size:1.2em;color:#8b7d6b;margin-right:15px;font-weight:700}.player-selector select{padding:12px 25px;border:4px solid #e8d5c4;border-radius:20px;font-size:1.2em;cursor:pointer;background:#fff;font-family:Gowun Dodum,sans-serif;font-weight:700;color:#5a4a3a;box-shadow:0 4px 10px #0000001a}.player-selector select:focus{outline:none;border-color:#d4735e}.reflection-section{background:linear-gradient(135deg,#fef6ec,#f9ede0);padding:30px;border-radius:25px;margin:25px 0;border:4px solid #e8d5c4;box-shadow:0 6px 20px #0000001a;transform:rotate(-.3deg)}.reflection-section:nth-child(2n){transform:rotate(.3deg)}.reflection-section h3{color:#d4735e;margin-bottom:20px;font-size:1.8em;font-family:Nanum Pen Script,cursive;transform:rotate(-1deg);display:inline-block}.reflection-section p{margin:15px 0;padding:18px;background:#fff;border-radius:15px;line-height:1.7;font-weight:600;color:#5a4a3a;border:2px solid #f5e6d3;box-shadow:0 3px 10px #0000000d}.emoji{font-size:1.3em;display:inline-block;animation:emojiFloat 3s ease-in-out infinite}@keyframes emojiFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.deco-circle{position:fixed;border-radius:50%;opacity:.4;pointer-events:none;z-index:0}.deco-1{width:100px;height:100px;background:#f4a261;top:10%;left:5%;animation:float 6s ease-in-out infinite}.deco-2{width:150px;height:150px;background:#a8c5da;bottom:10%;right:8%;animation:float 8s ease-in-out infinite reverse}.deco-3{width:80px;height:80px;background:#d4a5a5;top:60%;left:90%;animation:float 7s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(10px)}}.result-chart{background:#fdfaf5;padding:25px;border-radius:20px;margin:20px 0;border:4px solid #e8d5c4;position:relative}.rank-badge{position:absolute;top:15px;right:15px;font-size:1.5em;font-weight:700;padding:5px 15px;border-radius:15px;color:#fff}.rank-1{background-color:gold}.rank-2{background-color:silver}.rank-3{background-color:#cd7f32}.result-bar{display:flex;align-items:center;margin:10px 0}.result-label{width:100px;font-size:1.1em}.result-fill{background-color:#d4735e;color:#fff;padding:5px 10px;border-radius:10px;white-space:nowrap;text-align:right}.total-score{text-align:right;font-size:1.2em;font-weight:700;margin-top:15px;color:#d4735e}#categoryResultsContent{display:grid;grid-template-columns:1fr 1fr;gap:20px}.category-ranking{background:#fdfaf5;padding:20px;border-radius:20px;border:4px solid #e8d5c4}.category-ranking h2{color:#d4735e;font-size:1.8em;margin-bottom:15px;text-align:center}.ranking-list{display:flex;flex-direction:column;gap:10px}.ranking-item{display:flex;align-items:center;background:#fff;padding:10px 15px;border-radius:10px;box-shadow:0 2px 5px #0000000d}.ranking-position{font-size:1.2em;width:50px}.ranking-player{flex-grow:1;font-weight:700}.ranking-score{font-size:1.1em;font-weight:700;color:#d4735e}.room-code-display{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px 0 30px}.room-code-display input{font-size:1.5em;padding:10px 20px;border:4px solid #e8d5c4;border-radius:20px;text-align:center;font-weight:700;color:#d4735e;background-color:#fffef9;width:200px}.player-list-container{background:#fdfaf5;padding:25px;border-radius:20px;margin:30px 0;border:4px solid #e8d5c4}.player-list-container h3{color:#d4735e;font-size:1.8em;margin-bottom:15px}.player-list{list-style:none;padding:0}.player-list li{background:#fff;padding:15px 20px;border-radius:15px;margin:10px 0;font-size:1.2em;font-weight:700;box-shadow:0 3px 10px #0000000d;border:2px solid #f5e6d3}