@charset "UTF-8";@font-face{font-family:Hakgyoansim;src:url(/assets/Hakgyoansim-zbr8cR2F.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--purple-pink-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--red-peach-gradient: linear-gradient(135deg, #f43f5e 0%, #fb923c 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .18);--shadow-soft: 0 8px 32px 0 rgba(31, 38, 135, .37)}*{box-sizing:border-box;font-family:Hakgyoansim,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;padding:0;overflow:hidden;background:#0c0c0c}.seo-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#roulette-canvas-container{position:fixed;inset:0;z-index:1}#roulette-canvas{display:block;width:100%;height:100%}#loading-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#000;transition:opacity .4s ease}#loading-overlay.fade-out{opacity:0;pointer-events:none}#loading-overlay .spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.15);border-top-color:#fff9;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#roulette-ui{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:flex-end;padding-right:24px;pointer-events:none}.roulette-panel{pointer-events:auto;background:#161616f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:28px;max-width:400px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 8px 40px #00000080;animation:panel-appear .35s cubic-bezier(.4,0,.2,1)}.roulette-panel::-webkit-scrollbar{width:4px}.roulette-panel::-webkit-scrollbar-track{background:transparent}.roulette-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.roulette-panel{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}@keyframes panel-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.roulette-title{color:#fff;font-size:20pt;font-weight:700;margin:0 0 4px;text-align:center}.roulette-desc{color:#fff9;font-size:11pt;margin:0 0 20px;text-align:center}.roulette-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.roulette-section-label{color:#fffc;font-size:11pt;font-weight:600}.roulette-section-label-wrap{display:flex;align-items:center;gap:4px}.roulette-icon-btn{background:none;border:none;padding:4px;cursor:pointer;color:#fff6;display:flex;align-items:center;justify-content:center;transition:color .2s}.roulette-icon-btn:hover{color:#fffc}.roulette-prob-sum{font-size:10pt;font-weight:600;transition:color .2s}.roulette-prob-sum.roulette-prob-ok{color:#4ade80}.roulette-prob-sum.roulette-prob-warn{color:#fb923c}.roulette-items{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;max-height:45vh;overflow-y:auto}.roulette-items::-webkit-scrollbar{width:4px}.roulette-items::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.roulette-input-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);transition:all .2s}.roulette-input-row:hover{background:#ffffff14}.roulette-input-avatar{width:32px;height:32px;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0;border:1.5px solid rgba(255,255,255,.15);transition:border-color .2s}.roulette-input-avatar.has-image{border-color:#a855f780}.roulette-input-field{background:transparent;border:none;color:#fff;font-size:11pt;font-weight:500;padding:6px 4px;outline:none}.roulette-input-field::placeholder{color:#ffffff40}.roulette-input-name{flex:1;min-width:0}.roulette-input-prob{width:55px;text-align:right;flex-shrink:0;-moz-appearance:textfield}.roulette-input-prob::-webkit-inner-spin-button,.roulette-input-prob::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.roulette-pct-label{color:#ffffff59;font-size:10pt;flex-shrink:0}.roulette-delete-btn{background:none;border:none;color:#ffffff40;font-size:16pt;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s;flex-shrink:0}.roulette-delete-btn:hover{color:#f43f5e}.roulette-btn{display:block;width:100%;padding:12px 18px;border:none;border-radius:14px;font-size:12pt;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;margin-top:8px}.roulette-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.roulette-btn:active{transform:translateY(0)}.roulette-btn-primary{background:var(--red-peach-gradient)}.roulette-btn-primary:hover{box-shadow:0 4px 20px #f43f5e66}.roulette-btn-secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.roulette-btn-secondary:hover{background:#ffffff2e}.roulette-btn-group{display:flex;gap:8px;margin-top:12px}.roulette-btn-group .roulette-btn{flex:1;margin-top:0}.roulette-paste-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.roulette-paste-modal{background:#161616f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;max-width:420px;width:90%;animation:panel-appear .25s cubic-bezier(.4,0,.2,1)}.roulette-paste-title{color:#fff;font-size:14pt;font-weight:700;margin:0 0 4px}.roulette-paste-hint{color:#ffffff73;font-size:10pt;margin:0 0 12px;line-height:1.4;white-space:pre-line}.roulette-paste-textarea{width:100%;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-size:11pt;font-family:inherit;padding:10px 12px;resize:vertical;outline:none;transition:border-color .2s}.roulette-paste-textarea::placeholder{color:#fff3}.roulette-paste-textarea:focus{border-color:#ffffff4d}.roulette-spin-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#161616cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 24px;animation:panel-appear .35s cubic-bezier(.4,0,.2,1)}.roulette-play-hint{color:#ffffff80;font-size:11pt}.roulette-result-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#0000008c;animation:fade-in .4s ease}.roulette-result-card{display:flex;flex-direction:column;align-items:center;padding:40px 48px;background:#00000080;border:1px solid rgba(255,255,255,.12);border-radius:28px;animation:result-pop .5s cubic-bezier(.34,1.56,.64,1)}.roulette-result-avatar{width:120px;height:120px;border-radius:50%;background-size:cover;background-position:center;border:4px solid;box-shadow:0 0 40px #00000080,0 0 80px #ffffff1a;margin-bottom:20px}.roulette-result-name{font-size:36pt;font-weight:700;margin:0 0 24px;text-shadow:0 2px 20px rgba(0,0,0,.6)}.roulette-result-buttons{display:flex;gap:12px}.roulette-result-buttons .roulette-btn{min-width:140px;margin-top:0}.roulette-result-buttons .roulette-btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.roulette-result-buttons .roulette-btn-secondary:hover{background:#ffffff2e}@keyframes result-pop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media screen and (max-width:768px){#roulette-ui{justify-content:center;align-items:flex-end;padding-right:0;padding-bottom:16px}.roulette-panel{width:95%;max-width:95%;padding:20px 16px;border-radius:20px;max-height:50vh}.roulette-title{font-size:16pt}.roulette-input-panel{max-width:100%}.roulette-items{max-height:25vh}.roulette-result-card{padding:28px 24px;border-radius:22px}.roulette-result-avatar{width:80px;height:80px}.roulette-result-name{font-size:24pt}.roulette-result-buttons{flex-direction:column;width:100%}.roulette-result-buttons .roulette-btn{min-width:unset}}