:root{--color-canvas:#f4f5f7;--color-surface:#ffffff;--color-surface-muted:#eef1f4;--color-text:#17202a;--color-text-muted:#65707d;--color-border:#dce1e7;--color-primary:#315f55;--color-primary-strong:#23483f;--color-primary-soft:#dcebe6;--color-danger:#b33a3a;--color-danger-soft:#f8e4e4;--color-warning:#8a5b0a;--color-focus:#2f7fd3;--shadow-sm:0 1px 2px rgba(23,32,42,0.08);--shadow-md:0 10px 30px rgba(23,32,42,0.12);--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--content-width:72rem;--font-sans:"Nanum SR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*,:after,:before{box-sizing:border-box}html{color-scheme:light}body,html{background:var(--color-canvas)}body{min-height:100vh;margin:0;color:var(--color-text);font-family:var(--font-sans);line-height:1.5;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid color-mix(in srgb,var(--color-focus) 45%,transparent);outline-offset:3px}@keyframes flash{0%{opacity:1}50%{opacity:.1}to{opacity:1}}.logo-container{display:flex;justify-content:center;align-items:center;align-content:center;height:100vh}.flashing-logo{animation:flash 1s linear infinite;height:50vh}.inter{font-family:var(--font-sans);font-size:20px;font-weight:600}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:Nanum SR;src:url(/fonts/NanumSquareRoundR.ttf);font-display:swap}.page_title{display:flex;font-size:25px}.Namsan,.page_title{font-family:var(--font-sans)}.Namsan{font-size:1.6rem}.button__back{margin-bottom:1.5rem;align-self:flex-start;color:#004c9c;font-size:1.2rem}.button__back,.matches-title{display:flex;align-items:center;font-family:var(--font-sans)}.matches-title{width:100%;flex-direction:column;text-align:center;justify-content:center;gap:10px;margin-bottom:20px;padding-top:20px;font-size:1.6rem;font-weight:500}.container{width:80%;margin:auto}.home-link{display:flex;margin-bottom:10px;align-self:flex-start}.page-title,.title{display:flex;align-items:center;flex:1;text-align:center;margin-bottom:20px}.page-title{font-size:25px}.page-title,.tricolor-bar{font-family:var(--font-sans)}.tricolor-bar{display:flex;flex-direction:row;align-items:flex-end;width:100%}.tricolor{min-width:0;white-space:nowrap;box-sizing:inherit;height:25px;margin-top:5px;margin-bottom:5px}.tritext{font-size:18px;font-weight:800;margin-bottom:5px}.tritext,.tritext2{display:flex;justify-content:space-between;font-family:var(--font-sans)}.tritext2{font-size:16px;font-weight:400}.tritext3{justify-content:space-between;font-size:14px;font-weight:400;align-items:center}.form,.tritext3{display:flex;font-family:var(--font-sans)}.form{flex-direction:column;align-items:flex-start;justify-content:center;align-self:center;font-size:1rem;height:-moz-fit-content;height:fit-content;gap:15px}.rotated-icon{transform:rotate(-180deg)}.form-createaccount{width:90%;gap:45px}.form-addmatch,.form-createaccount{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;align-self:center;font-size:1rem;font-family:var(--font-sans);height:-moz-fit-content;height:fit-content}.form-addmatch{gap:15px}form .form-row .input-data{width:100%;height:40px;margin:0 20px;position:relative}form .form-row .textarea{height:70px}.input-data input,.textarea textarea{display:block;width:100%;height:100%;font-size:17px;background:#e1e1e1;border:none;border-bottom:2px solid rgba(0,0,0,.12);outline:none}.input-data input:focus~label,.input-data input:valid~label,.textarea textarea:focus~label,.textarea textarea:valid~label{transform:translateY(-28px);font-size:14px;color:#111}.input-data label{position:absolute;pointer-events:none;bottom:10px;font-size:16px;transition:all .3s ease}.input-data .underline{position:absolute;bottom:0;height:2px;width:100%}.input-data .underline:before{border-top:none;position:absolute;content:"";height:2px;width:100%;background:#004c9c;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.input-data input:focus~.underline:before,.input-data input:valid~.underline:before,.textarea textarea:focus~.underline:before,.textarea textarea:valid~.underline:before{transform:scale(1);border-top:none}.form-addmember,.form-createaccount div{font-family:var(--font-sans)}.form-addmember{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:1rem;height:-moz-fit-content;height:fit-content;gap:15px}.form label{font-size:1.2em}.select-match{font-size:.8em;width:240px;height:40px;color:black;background-color:transparent;border-bottom:2px solid black;border-top:transparent;display:flex}.select-row input[type=radio]{display:none!important}.select-row{display:flex;justify-content:center;flex-direction:row;align-items:center;gap:10px}.select-row input[type=radio]:checked+.button-label{background-color:#1e90ff}.input-box{display:flex;align-items:center;gap:10px}.input-linetext{font-size:1.2rem;width:60px}.input-underline{border:none;border-bottom:1px solid black;font-size:1.2rem;background:transparent;border-radius:0}.left-text{align-self:flex-start;font-family:var(--font-sans)}.button-label{padding:8px 16px}.button-label,.button-label3{display:inline-block;background-color:#d3d3d3;color:white;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:550;width:-moz-fit-content;width:fit-content}.button-label3{padding:6px 10px}.addusers{display:flex;flex-wrap:wrap;gap:5px}.userbtns{display:inline-block;padding:8px 16px;background-color:#d9d1ff;color:black;border-radius:5px;border-color:transparent;cursor:pointer;font-size:1.2rem;width:-moz-fit-content;width:fit-content}.checkbox-button{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-button input{display:none}.checkbox-button input:checked+.button-label,.checkbox-button input:checked+.button-label3{background-color:#cc64ff}.add-event input[type=checkbox]{display:none!important}.add-event{display:flex;flex-wrap:wrap;width:-moz-fit-content;width:fit-content;justify-content:center;width:80px}.add-event input[type=checkbox]:checked+.button-label2{color:#009c53}.button-label2{display:inline-block;padding:0 4px;color:#444444;cursor:pointer;font-size:1.2rem;font-weight:550;width:-moz-fit-content;width:fit-content}.flex-container-addevent{display:flex;gap:10px 0;align-items:center;flex-wrap:wrap;flex-direction:row}.submit-button{margin-top:5px;padding:7px 14px;background-color:#0064ff;color:rgb(255,255,255);border:none;border-radius:5px;cursor:pointer;font-size:1.2rem;font-weight:400;align-self:flex-end;font-family:var(--font-sans)}.submit-button:hover{background-color:#004c9c}.copy-button{padding:5px 10px;height:-moz-fit-content;height:fit-content;background-color:#75af7d;color:white;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.copy-button:hover{background-color:#1e7e34}.buttons{display:flex;width:100%;flex-direction:row;justify-content:space-between;gap:10px}a.event__item h2{margin-top:0}div.event__item-details{width:100%;display:flex;justify-content:space-between;align-items:center}div.event__item-details>div{display:flex;align-items:center;font-size:.875rem;color:gray}div.event__item-participants{position:relative}div.event__item-participants>div{margin-top:.25rem;border-radius:.25rem;padding:1rem;background-color:#111827;position:absolute;top:100%;left:0;display:none;flex-direction:column}div.event__item-participants:hover>div{display:flex}div.event__item-participants>div p{color:white;display:block;margin-bottom:.25rem}div.event__item-participants>div p:last-of-type{margin-bottom:0}.member-list{width:90%;padding:5px 20px;margin-bottom:8px}.member-list,.member-list-small{display:flex;justify-content:space-between;align-items:center;gap:10px;height:100%;background-color:#d9d1ff;text-decoration:none;color:black;border-radius:5px}.member-list-small{padding:10px}.member-text{display:flex;font-size:1.2rem;font-weight:400;font-family:var(--font-sans);height:100%}.whiteblack{justify-content:space-between;font-size:1.4rem;width:100%;gap:10px}.delete-button,.whiteblack{display:flex;align-items:center}.comp-button,.delete-button{color:rgb(255,38,38);border:none;font-weight:600;border-radius:5px;cursor:pointer;height:25px;font-size:15px;justify-content:center;width:30px}.comp-button{display:flex;align-items:center;padding-top:10px;padding-bottom:10px}.delete-button:hover{background-color:#c82333}.delete-button-small{display:flex;align-items:center;color:rgb(205,38,38);border:none;background-color:transparent;font-weight:400;height:10px;font-size:20px;padding:0}.flex-container{display:flex;justify-content:space-between;gap:0 30px;flex-wrap:wrap;align-items:center;flex-direction:column;height:-moz-fit-content;height:fit-content;margin:auto;width:100%;font-family:var(--font-sans);color:#000}.new-flex-container{margin-top:30px;width:100%;color:#000;padding-right:15px;padding-left:15px}.faaddmatch{height:1em;rotate:90deg}.flex-container-admin,.flex-content-admin{display:flex;justify-content:left;gap:0;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;flex-direction:column;height:-moz-fit-content;height:fit-content;margin:auto;font-family:var(--font-sans)}.flex-content-admin{width:90vw;padding-top:30px}.react-datetime-picker__wrapper{border:none!important;border-bottom:1.5px solid black!important}.react-calendar{background-color:white!important}.flex-container-pending{flex-direction:column;height:90vh;font-family:var(--font-sans);font-size:20px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:0 10px}.submit-button-pending{padding:5px 10px;background-color:#0064ff;color:rgb(255,255,255);border-radius:5px;cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-sans)}.link-container{width:120px;text-decoration:none;height:120px;margin:10px 0;padding:15px;background-color:#cee9ff;border-radius:5px;color:#000}.link-container,.link-container-img{display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer}.link-container-img{gap:15px;flex-direction:column}.white-square{background-color:#ffffff}.black-square,.white-square{width:12px;height:12px;border-radius:3px}.black-square{background-color:#111}.form-field{display:flex;flex-wrap:wrap;width:100%;gap:10px}.addmatch-flex-container{display:flex;justify-content:center;flex-direction:row;width:240px;margin-left:auto}.swap{display:flex;align-self:flex-end;padding:2px;cursor:pointer;border-radius:5px;background-color:transparent}.link-container:hover{background-color:#89deff}.index-icon{-o-object-fit:fill;object-fit:fill}.fifty-box{display:flex}.index-text{font-family:var(--font-sans);font-size:1rem}.match-container{display:flex;flex-direction:column;width:100%;gap:10px}.match-item{display:flex;justify-content:space-between;font-family:var(--font-sans);font-size:15px;align-items:center;width:100%}.home-icon{display:flex;align-self:flex-start;padding-bottom:10px}.userContainer{display:flex;width:100%;align-items:center;margin-bottom:10px;height:80px;gap:10px;border-bottom:1px solid black}.userContainer img{max-height:80%;width:auto;-o-object-fit:cover;object-fit:cover;margin-right:10px;border-radius:15px}.userContainer button{margin-left:auto;padding:5px 10px;background-color:#5e86b3;color:#fff;border:none;border-radius:5px}@media screen and (min-width:768px){div.event__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}}.admin_container,.admin_contents{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.admin_contents{justify-content:left;width:100%;margin-left:15px}.form_createevent{font-size:1.1rem;font-family:var(--font-sans);padding-right:40px;gap:15px}.dev_container,.form_createevent{display:flex;flex-direction:column;width:100%}.dev_container{height:100vh;background-color:#242424;padding:10px;gap:20px}.title_underline{border-bottom:2px solid white;width:180px;color:white;font-size:28px;align-self:flex-end;text-align:right}.subtitle_underline{border-bottom:1px solid white;width:240px;color:white;font-size:24px}.issues{display:flex;flex-direction:column;gap:12px}.issue{color:white;font-size:20px}.issue-content{display:flex;flex-direction:column;padding-left:35px;gap:5px}.dev_back{margin-left:5px;color:#eeeeee;align-items:center;font-size:1.2rem}.dev_back,.form_dev{display:flex;font-family:var(--font-sans)}.form_dev{width:90%;margin-top:10px;flex-direction:column;align-items:flex-start;justify-content:center;font-size:1rem;height:-moz-fit-content;height:fit-content;gap:35px}form .dev_form_row .input_data{width:100%;height:40px;margin:0 20px 0 10px;position:relative;color:white}form .dev_form_row .textarea{height:70px}.input_data input,.textarea textarea{display:block;width:100%;height:100%;font-size:17px;background:#696969;border-top-left-radius:5px;border-top-right-radius:5px;border:none;border-bottom:2px solid rgba(0,0,0,.12);outline:none}.input_data input:focus~label,.input_data input:valid~label,.textarea textarea:focus~label,.textarea textarea:valid~label{transform:translateY(-28px);font-size:14px;color:#fff}.input_data label{position:absolute;pointer-events:none;bottom:10px;font-size:16px;margin-left:10px;transition:all .3s ease}.textarea label{width:100%;bottom:40px;background:#e1e1e1}.input_data .underline{position:absolute;bottom:0;height:2px;width:100%}.input_data .underline:before{border-top:none;position:absolute;content:"";height:2px;width:100%;background:#f68c22;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.input_data input:focus~.underline:before,.input_data input:valid~.underline:before,.textarea textarea:focus~.underline:before,.textarea textarea:valid~.underline:before{transform:scale(1);border-top:none}.dev_submit{margin-top:5px;padding:5px 10px;color:rgb(255,255,255);border-radius:5px;cursor:pointer;font-size:1.2rem;align-self:flex-end;font-family:var(--font-sans);border:2px solid #f68c22}.event_users{flex-wrap:wrap}.event_user{padding:6px 12px;gap:6px}.index_container{display:flex;flex-direction:column;gap:20px;width:calc(100% - 32px);justify-content:center;margin-left:16px;margin-top:16px;margin-right:16px}.functions_title{font-family:var(--font-sans);font-size:1.6em}.functions_row{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.function_icon{height:1.7em}.function{display:flex;width:76px;height:76px;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:15px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1);border:.5px solid #acacac}.function:hover{background-color:#acacac}.functions_text{font-family:var(--font-sans);font-size:.8rem}.index_ranking{display:flex;flex-direction:column;gap:5px;font-family:var(--font-sans)}.rankings{display:flex;flex-direction:row;gap:25px;justify-content:flex-start}.each_rankings{gap:10px}.each_rankings,.match_container{display:flex;flex-direction:column;align-items:center}.match_container{box-sizing:border-box;font-family:var(--font-sans);margin:0 auto;max-width:min(480px,100vw);padding:10px;width:100%}.match_title{justify-content:center;max-width:100%}.match_board_shell,.match_title{display:flex;flex-direction:column;width:100%}.match_board_shell{align-items:center}.match_board_shell #board,.match_board_shell .pgnvjs{margin-left:auto;margin-right:auto;max-width:100%}.match_event{font-size:1.2em;text-align:center}.match_players{font-size:1.5em;text-align:center}.match_result{font-size:1.2em;text-align:center;margin-bottom:20px}.navbar{display:flex;justify-content:space-between;align-items:center;height:56px;background-color:#6d6d6d;padding:10px}.navbar_text{font-size:1.6rem;font-weight:550;color:#eeeeee}.navbar_profile{height:36px;width:36px;border-radius:10px;-o-object-fit:cover;object-fit:cover}.navbar_profile_menu{position:relative;width:36px;height:36px}.navbar_profile_button{padding:0;border:none;background:transparent;cursor:pointer}.navbar_dropdown{position:absolute;top:44px;right:0;z-index:20;min-width:110px;overflow:hidden;border-radius:10px;background-color:#ffffff;box-shadow:0 8px 20px rgba(0,0,0,.18)}.navbar_dropdown_item{display:block;width:100%;padding:10px 12px;border:none;background:transparent;color:#333333;font-size:.95rem;text-align:left;white-space:nowrap;cursor:pointer}.navbar_dropdown_item:hover{background-color:#f2f2f2}.navbar_button_back{display:flex;margin-left:5px;align-items:center;color:#eeeeee;font-size:1.2rem}@media (max-width:520px){.navbar{height:48px;padding:6px 8px}.navbar_text{font-size:1.28rem}.navbar_button_back{font-size:1rem}.navbar_profile,.navbar_profile_menu{height:30px;width:30px}.navbar_profile{border-radius:8px}.navbar_dropdown{top:36px}}.record_container{align-items:center;display:flex;flex-direction:column;gap:12px;min-height:100vh;padding:0 0 30px}.record_analysis_shell{color:#0f172a;display:flex;flex-direction:column;width:min(380px,100vw)}.record_engine_top{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;min-height:66px;padding:5px 10px}.record_engine_lines_top{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.record_top_line{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;font-size:.82rem;gap:7px;min-width:0;padding:2px 0}.record_top_line:last-child{border-bottom:none}.record_top_eval{color:#1e3a8a;flex:0 0 auto;font-weight:800;min-width:38px;text-align:center}.record_top_pv{color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:hidden;text-overflow:ellipsis;text-decoration:none;white-space:nowrap}.record_top_placeholder{align-items:center;color:#64748b;display:flex;font-size:.95rem;min-height:78px}.record_board_stage{align-items:center;background:#ffffff;display:flex;justify-content:center;width:100%}.record_board_panel{align-items:center;display:flex;flex-direction:column;gap:10px;padding:0 0 14px}.record_board_panel .pgnvjs .boardFen,.record_board_panel .pgnvjs .fen,.record_board_panel .pgnvjs [id$=Fen],.record_board_panel .pgnvjs label[for$=Fen]{display:none!important}.record_actions,.record_engine_controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.record_engine_controls label{align-items:center;display:flex;color:#334155;font-size:.9rem;gap:6px}.record_engine_controls input{background:#f8fafc;border:1px solid #64748b;border-radius:6px;padding:5px 6px;width:58px}.record_engine_source{align-items:center;background:#f8fafc;border:1px solid #dbe3ef;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:10px;width:min(350px,calc(100vw - 24px))}.record_engine_source_switch{background:#e2e8f0;border-radius:8px;display:grid;gap:2px;grid-template-columns:1fr 1fr;padding:2px;width:100%}.record_engine_source_switch button{align-items:center;background:transparent;border:0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.9rem;font-weight:700;gap:6px;justify-content:center;padding:8px 10px}.record_engine_source_switch button:disabled{cursor:not-allowed;opacity:.48}.record_engine_source_switch .record_engine_source_active{background:#ffffff;box-shadow:0 1px 3px rgba(15,23,42,.14);color:#1d4ed8}.record_engine_help{color:#64748b;font-size:.8rem;line-height:1.45;margin:0;text-align:center}.record_engine_download_row{align-items:center;display:flex;flex-direction:column;gap:8px}.record_engine_download{align-items:center;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:7px;color:#ffffff;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.86rem;font-weight:700;gap:7px;padding:7px 11px}.record_engine_download:hover{background:#1e40af}.record_engine_progress{align-items:center;color:#475569;display:flex;font-size:.8rem;gap:8px;width:100%}.record_engine_progress_track{background:#dbe3ef;border-radius:999px;height:7px;overflow:hidden;width:100%}.record_engine_progress_track span{background:#2563eb;display:block;height:100%;transition:width .12s ease-out}.record_eval_toggle{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.9rem;gap:6px;padding:6px 10px}.record_eval_toggle:hover{background:#e2e8f0}.record_eval_toggle_on{background:#e0f2fe;border-color:#7dd3fc;color:#0c4a6e}.record-secondary-button{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:5px;color:#0f172a;cursor:pointer;font-family:var(--font-sans);font-size:1rem;padding:7px 14px}.record_icon_button{align-items:center;display:inline-flex;gap:7px;justify-content:center}.record_eval_bar_horizontal{align-items:center;border:1px solid #cbd5e1;border-radius:0;box-sizing:border-box;display:flex;height:28px;margin:0;overflow:hidden;position:relative;width:100%}.record_eval_bar_black,.record_eval_bar_white{height:100%;transition:width .2s ease}.record_eval_bar_black{background:#1e293b}.record_eval_bar_white{background:#f8fafc}.record_eval_overlay{align-items:center;display:flex;inset:0;justify-content:space-between;padding:0 10px;pointer-events:none;position:absolute}.record_eval_score{background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.45);border-radius:999px;color:#0f172a;cursor:pointer;font-size:.9rem;font-weight:800;line-height:1;min-width:44px;padding:4px 7px;pointer-events:auto;text-align:center;text-decoration:none}.record_eval_score:hover{background:rgba(238,242,255,.96);border-color:rgba(99,102,241,.5)}.record_depth_badge{background:rgba(255,255,255,.78);border:1px solid rgba(148,163,184,.55);border-radius:999px;color:#334155;font-size:.76rem;font-weight:800;line-height:1;padding:4px 7px}.record_depth_badge_cloud{background:rgba(37,99,235,.14);border-color:rgba(37,99,235,.35);color:#1d4ed8}.record_depth_badge_local_stockfish{background:rgba(5,150,105,.14);border-color:rgba(5,150,105,.35);color:#047857}.record_best_move,.record_eval_meta,.record_stream_status{color:#475569;font-size:.95rem}.record_stream_status{color:#0064ff;font-weight:600}.record_error{color:#b91c1c;font-size:.95rem;font-weight:600;text-align:center}.record_position_status{color:#475569;font-size:.9rem;text-align:center}.record_board_panel .pgnvjs .buttons{align-items:center;display:flex;gap:7px;justify-content:center;margin:8px 0}.record_board_panel .pgnvjs .buttons a,.record_board_panel .pgnvjs .buttons button{align-items:center;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;color:#64748b;display:inline-flex;font-size:.9rem;height:32px;justify-content:center;min-width:34px;padding:5px 8px}.record_board_panel .pgnvjs .buttons a:hover,.record_board_panel .pgnvjs .buttons button:hover{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.record_attach_modal_backdrop{align-items:center;background:rgba(15,23,42,.45);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.record_attach_modal{background:#fff;border-radius:12px;box-shadow:0 18px 48px rgba(15,23,42,.18);max-height:min(520px,90vh);max-width:400px;overflow:hidden;width:100%}.record_attach_modal_header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;padding:12px 12px 10px}.record_attach_modal_title{color:#0f172a;flex:1;font-size:1.05rem;font-weight:700;margin:0;text-align:center}.record_attach_modal_header_spacer{flex:0 0 36px}.record_attach_modal_icon_btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;flex:0 0 36px;height:36px;justify-content:center;padding:0;width:36px}.record_attach_modal_icon_btn:hover{background:#e2e8f0;color:#0f172a}.record_attach_actions{display:flex;flex-direction:column;gap:10px;padding:16px}.record_attach_action_btn{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;cursor:pointer;font-family:var(--font-sans);font-size:.95rem;font-weight:600;padding:14px 16px;text-align:left}.record_attach_action_primary{background:#eef2ff;border-color:#a5b4fc;color:#312e81}.record_attach_action_primary:hover{background:#e0e7ff}.record_attach_action_disabled{cursor:not-allowed;opacity:.55}.record_attach_action_hint{color:#64748b;display:block;font-size:.82rem;font-weight:500;margin-top:4px}.record_attach_recent_wrap{max-height:min(400px,70vh);overflow-y:auto;padding:12px 16px 16px}.record_attach_recent_loading{display:flex;flex-direction:column}.record_attach_error{color:#b91c1c;font-size:.9rem;font-weight:600}.record_attach_empty{color:#64748b;font-size:.9rem;margin:8px 0 0;text-align:center}.record_attach_match_list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.record_attach_match_card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;display:block;font-family:var(--font-sans);padding:10px 12px;position:relative;text-align:left;width:100%}.record_attach_match_card:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.record_attach_match_card:disabled{cursor:wait;opacity:.85}.record_attach_match_top{align-items:center;display:flex;gap:8px;margin-bottom:4px}.record_attach_match_id{color:#64748b;font-size:.78rem;font-weight:700}.record_attach_badge_pgn{background:#fef3c7;border-radius:999px;color:#92400e;font-size:.72rem;font-weight:700;padding:2px 8px}.record_attach_match_players{font-size:.95rem;font-weight:600}.record_attach_match_scores{color:#475569;font-size:.82rem;margin-top:2px}.record_attach_saving{color:#4338ca;display:block;font-size:.78rem;font-weight:600;margin-top:6px}.events_container{align-items:center}.events_container,.events_contents{display:flex;flex-direction:column;gap:15px}.events_contents{width:90%}.events_title{display:flex;flex-direction:row;align-items:center;font-weight:600;font-size:20px;gap:10px}.event_users{display:flex;width:100%;gap:10px}.event_user{display:flex;align-items:center;background-color:#d9d1ff;padding:6px 6px 6px 12px;gap:10px;justify-content:space-between;font-family:var(--font-sans);font-size:1.2rem}.copy_button{padding:5px 10px;height:-moz-fit-content;height:fit-content;background-color:#75af7d;color:white;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.user_container{justify-content:center;align-items:center;gap:20px}.user_container,.user_contents{display:flex;flex-direction:column}.user_contents{width:90%;gap:15px}.subtitle{display:flex;font-size:17px;font-weight:500;align-items:center}.user_basicdata_container{display:flex;flex-direction:column}.user_basicdata_row{display:flex;align-items:center;font-family:var(--font-sans);font-size:1.2rem;gap:5px}.user_details{display:flex;flex-direction:row;border:1px solid black;border-radius:5px;padding:10px;background-color:#eee;margin-bottom:15px}.user_event{display:flex;font-size:15px;align-items:center;font-family:var(--font-sans)}.event-buttons{width:100%;justify-content:space-between}.event-buttons,.event_buttons{display:flex;flex-direction:row;gap:10px}a.event__item h2{font-size:1.125rem;font-weight:600;color:#4338ca}a.event__item{display:flex;margin-bottom:1rem;width:90%;border-radius:.5rem;padding:.875em 1.25rem;background-color:white;flex-direction:column;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);transition:all .1s linear;gap:5px}a.event__item:hover{box-shadow:0 2px 8px 0 rgba(0,0,0,.2)}.viewevents_container{display:flex;flex-direction:column;gap:0}div.event__list{display:flex;flex-direction:column;justify-content:center;align-items:center}.event_page_title{display:flex;margin:10px 0 10px 10px;font-size:25px;font-family:var(--font-sans)}a.user_item{border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);padding:.5rem 1rem;background-color:#fdfdfd;width:120px;transition:all .1s linear}.viewuser_user_container,a.user_item{display:flex;justify-content:center;gap:5px}.viewuser_user_container{flex-wrap:wrap;width:100%}.user_text{font-size:1.2rem;font-weight:400;font-family:var(--font-sans);height:100%}.navbar{position:sticky;top:0;z-index:50;width:100%;height:60px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.12);background:color-mix(in srgb,var(--color-primary-strong) 95%,transparent);backdrop-filter:blur(12px)}.navbar_inner{display:grid;grid-template-columns:minmax(36px,1fr) auto minmax(36px,1fr);align-items:center;width:100%;max-width:var(--content-width);height:100%;margin:0 auto}.navbar_text{overflow:hidden;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:700;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}.navbar_button_back,.navbar_text{color:#fff;font-family:var(--font-sans)}.navbar_button_back{width:-moz-max-content;width:max-content;max-width:100%;margin:0;font-size:.95rem}.navbar_back_icon{width:.85rem;height:.85rem;margin-right:.35rem}.navbar_profile_menu,.navbar_spacer{justify-self:end;width:36px;height:36px}.navbar_profile_button{width:36px;height:36px;border-radius:50%}.navbar_profile{border:2px solid rgba(255,255,255,.72);border-radius:50%}.navbar_dropdown{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.navbar_dropdown_item{color:var(--color-text);font-family:var(--font-sans)}.navbar_dropdown_item:focus-visible,.navbar_dropdown_item:hover{background:var(--color-primary-soft)}.page-hero{position:relative;min-height:150px;height:clamp(150px,22vw,270px);overflow:hidden;border-bottom:1px solid var(--color-border);background:#f7f8f9}.page-hero_image{-o-object-fit:cover;object-fit:cover;-o-object-position:right center;object-position:right center}.page-hero:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(244,245,247,.72),transparent 55%);pointer-events:none}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.button:active{transform:translateY(1px)}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover{background:var(--color-primary-strong)}.button--ghost{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.empty-state,.route-status{display:grid;min-height:100vh;place-items:center;padding:24px}.empty-state_card{width:min(440px,100%);padding:clamp(24px,6vw,48px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);text-align:center}.empty-state_card h1{margin:8px 0;font-size:clamp(1.5rem,4vw,2rem)}.empty-state_card p{margin:0 0 24px;color:var(--color-text-muted)}.empty-state_logo{width:90px;height:auto;margin-bottom:16px}.route-status{align-content:center;color:var(--color-text-muted)}.route-status_spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.toast-region{position:fixed;right:16px;bottom:16px;z-index:100;width:min(380px,calc(100% - 32px))}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md)}.toast--error{border-left-color:var(--color-danger)}.toast button{border:0;background:transparent;color:var(--color-text-muted);cursor:pointer}.dialog-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(17,24,32,.55)}.dialog-card{width:min(480px,100%);padding:24px;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.dialog-card h2{margin:0 0 8px}.dialog-card p{margin:0 0 18px;color:var(--color-text-muted)}.dialog-card textarea{width:100%;resize:vertical;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dev_container{min-height:100vh;height:auto;background:var(--color-canvas);color:var(--color-text)}.dev_container :is(.title_underline,.subtitle_underline,.issue,.dev_back){border-color:var(--color-primary);color:var(--color-text)}.event,.function,.issue,a.user_item{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm)}.issue{padding:12px 14px;border-radius:var(--radius-sm)}.function:hover{background:var(--color-primary-soft)}@media (max-width:520px){.navbar{height:52px;padding:0 10px}.navbar_inner{grid-template-columns:minmax(30px,1fr) auto minmax(30px,1fr)}.navbar_text{max-width:58vw}.navbar_profile,.navbar_profile_button,.navbar_profile_menu,.navbar_spacer{width:32px;height:32px}.page-hero{height:150px}}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(145deg,var(--color-primary-soft),var(--color-canvas) 52%)}.login-card{display:flex;width:min(420px,100%);flex-direction:column;align-items:center;padding:clamp(28px,8vw,52px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);text-align:center}.login-card h1{margin:8px 0 24px;font-size:clamp(1.45rem,5vw,1.9rem)}.login-card p{margin:8px 0 20px}.login-logo{width:90px;height:auto;margin-bottom:20px}.kakao-login-button{padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.kakao-login-button:disabled{cursor:not-allowed;opacity:.55}.kakao-login-image{display:block;border-radius:8px}.form-error{color:var(--color-danger)}.issue-trigger{display:flex;width:100%;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.issue-trigger svg{width:.9rem;color:var(--color-primary);transition:transform .15s ease}.issue-content{padding:12px 0 0 26px;color:var(--color-text-muted)}.issue-content p{margin:4px 0}.empty-copy{color:var(--color-text-muted)}.field{display:grid;gap:6px}.field>span{font-weight:700}.field small{color:var(--color-text-muted)}.field :is(input,textarea,select){width:100%;padding:11px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.icon-button{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary);cursor:pointer}.icon-button:hover{background:var(--color-primary-soft)}.icon-button--danger{color:var(--color-danger)}.icon-button--danger:hover{background:var(--color-danger-soft)}.list-skeleton{width:min(720px,100%)}.user_item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm)}.user_item_link{color:inherit;text-decoration:none}.event-card{position:relative;display:flex;align-items:center;padding:0;overflow:visible;border-radius:var(--radius-md)}.event-card_link{flex:1;min-width:0;padding:16px;color:inherit;text-decoration:none}.event-card_link h2{margin:0 0 8px}.event-card .event_buttons{display:flex;gap:6px;padding-right:12px}.event-card .event__item-details{display:flex;flex-wrap:wrap;gap:12px;color:var(--color-text-muted)}.event-card .event__item-details span,.event-card .event__item-details time{display:inline-flex;align-items:center;gap:5px}.participant-card{display:flex;align-items:center;gap:8px}.participant-card_link{color:inherit;text-decoration:none}.year-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 20px}.match-list{display:grid;width:min(760px,calc(100% - 32px));gap:10px}.match-list_item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.match-list_item p{margin:4px 0 0;color:var(--color-text-muted)}.match-list_muted{color:var(--color-text-muted);font-size:.9rem}.ranking-list{display:grid;width:min(520px,calc(100% - 32px));gap:8px;padding:0;list-style-position:inside}.ranking-list li{display:flex;justify-content:space-between;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}:is(.flex-container,.flex-container-admin,.viewevents_container,.events_container,.user_container,.admin_container){min-height:100vh;background:var(--color-canvas);color:var(--color-text)}:is(.page-title,.page_title,.event_page_title,.matches-title,.functions_title){color:var(--color-text);font-family:var(--font-sans);font-weight:700;letter-spacing:-.02em}:is(.submit-button,.submit-button-pending,.dev_submit,.copy_button,.copy-button){min-height:42px;padding:9px 16px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-family:var(--font-sans);font-weight:700;cursor:pointer}:is(.submit-button,.submit-button-pending,.dev_submit,.copy_button,.copy-button):hover{background:var(--color-primary-strong)}.select-match,:is(.input-data,.input_data) :is(input,textarea){border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}table{width:min(720px,calc(100% - 32px));border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}td,th{padding:11px 14px;border-bottom:1px solid var(--color-border);text-align:left}th{background:var(--color-surface-muted)}tr:last-child td{border-bottom:0}