body{background-color:#f4f4f4;display:flex;justify-content:center;margin:0}.app-container{width:100%;max-width:500px;min-height:100vh;background:#fff;display:flex;flex-direction:column;box-shadow:0 0 20px rgba(0,0,0,.1)}.app-container header{background:#1a1a1a;color:#fff;text-align:center;padding:15px}.app-container header h1{font-size:1.2rem;margin:0;letter-spacing:2px}.main-display{position:relative;overflow:hidden;flex:1;padding:20px;display:flex;flex-direction:column;align-items:center}.main-display .image-preview-box{display:flex;justify-content:center;align-items:center;width:200px;height:200px;background:#eee;border-radius:12px;overflow:hidden;margin-bottom:20px;border:3px solid #1a1a1a;position:relative;z-index:1}.main-display .image-preview-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main-display .image-preview-box #placeholderText{color:#999;font-size:.8rem;padding:20px;text-align:center}.main-display .focus-lines{position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%, -50%);z-index:0;pointer-events:none;background:repeating-conic-gradient(from 0deg, rgba(255, 255, 255, 0) 0deg, rgba(255, 255, 255, 0) 2deg, rgba(0, 0, 0, 0.05) 2.1deg, rgba(0, 0, 0, 0.05) 3deg)}.main-display .focus-lines.active{display:block}.main-display .focus-lines.rank-high{background:repeating-conic-gradient(from 0deg, rgba(255, 215, 0, 0) 0deg, rgba(255, 215, 0, 0) 2deg, rgba(255, 215, 0, 0.15) 2.1deg, rgba(255, 215, 0, 0.15) 3deg)}#resultArea{position:relative;z-index:1}.probability-text{font-size:3.5rem;font-weight:bold;color:#1a1a1a;text-align:center;margin:10px 0}.probability-text .small{font-size:1.5rem}.probability-text.rank-legend{background:linear-gradient(to right, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #8b00ff);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-size:200% auto;-webkit-animation:rainbow 1.5s linear infinite,shake .1s infinite;animation:rainbow 1.5s linear infinite,shake .1s infinite}.probability-text.rank-premium{color:#d00}.probability-text.rank-chance{color:#28a745}.probability-text.rank-normal{color:#007bff}.rank-badge{text-align:center;font-weight:bold;font-size:1.2rem;padding:5px 15px;border-radius:5px;margin-bottom:20px}.input-area{padding:30px 20px;border-top:1px solid #eee;text-align:center}.input-area .upload-btn{display:block;background:#e60012;color:#fff;padding:18px;border-radius:50px;font-weight:bold;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 0 #900;transition:.1s}.input-area .upload-btn:active{transform:translateY(2px);box-shadow:0 2px 0 #900}.input-area .upload-btn input{display:none}.input-area .hint{font-size:.75rem;color:#999;margin-top:10px}.hidden{display:none !important}.flash-effect{-webkit-animation:flash-white .2s ease-out 2;animation:flash-white .2s ease-out 2}@-webkit-keyframes flash-white{0%,100%{background-color:#f4f4f4}50%{background-color:#fff;filter:brightness(2)}}@keyframes flash-white{0%,100%{background-color:#f4f4f4}50%{background-color:#fff;filter:brightness(2)}}@-webkit-keyframes rainbow{to{background-position:200% center}}@keyframes rainbow{to{background-position:200% center}}@-webkit-keyframes shake{0%{transform:translate(0, 0)}50%{transform:translate(2px, 1px)}100%{transform:translate(-1px, -2px)}}@keyframes shake{0%{transform:translate(0, 0)}50%{transform:translate(2px, 1px)}100%{transform:translate(-1px, -2px)}}.freeze-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9999;display:flex;justify-content:center;align-items:center}.freeze-overlay.flash-out{-webkit-animation:freeze-flash .5s ease-out forwards;animation:freeze-flash .5s ease-out forwards}@-webkit-keyframes freeze-flash{0%{background-color:#000;opacity:1}50%{background-color:#fff;opacity:1}100%{background-color:#fff;opacity:0;visibility:hidden}}@keyframes freeze-flash{0%{background-color:#000;opacity:1}50%{background-color:#fff;opacity:1}100%{background-color:#fff;opacity:0;visibility:hidden}}
/*# sourceMappingURL=judgment-image-prob.min.css.map */