html,body{margin:0;min-height:100%}body{min-width:820px;background:#fff url(/assets/site/kadokado/background.gif) repeat;color:#666;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-align:center}button,input{font-family:Arial,Helvetica,sans-serif}a{color:#f8692c;text-decoration:none}a:hover{color:#91c828;text-decoration:underline}img{border:0}#app,.basicBg{min-height:100vh}.basicBg{padding-bottom:20px}#mainLogo{width:782px;height:77px;margin:10px auto 0;line-height:0}#mainLogo img{display:block;width:782px;height:77px}#container{width:780px;margin:0 auto 20px;padding:0;background:#fff url(/assets/site/kadokado/containerBg.gif) repeat-y;border-right:1px solid #777;border-bottom:1px solid #777;border-left:1px solid #777;line-height:130%;text-align:center}#container:after{display:block;clear:both;content:""}#mainBarInfo{position:relative;box-sizing:border-box;height:22px;max-height:25px;padding-right:75px;padding-left:75px;padding-top:3px;overflow:hidden;background:#ddd url(/assets/site/kadokado/topBar.gif) no-repeat;color:#777;font-size:8pt;font-weight:700;letter-spacing:1px;line-height:16px;text-align:center;text-transform:uppercase}#mainBarInfo>span:first-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.languageSwitch{position:absolute;top:3px;right:8px;display:flex;gap:2px;line-height:14px}.languageSwitch button{height:16px;min-width:25px;box-sizing:border-box;padding:0 3px;border:1px solid #ccc;background:#eee;color:#777;cursor:pointer;font-size:8pt;font-weight:700;letter-spacing:0;line-height:13px;text-transform:uppercase}.languageSwitch button:hover,.languageSwitch button.active{border-color:#f5bc38;background:#fff4a1;color:#f8692c}#leftPane,#rightPane{margin:auto;padding:20px 0 0;text-align:center}#leftPane{position:relative;float:left;clear:left;width:150px;min-width:150px;max-width:150px}#rightPane{position:relative;float:right;width:130px;max-width:130px}#leftContent,#rightContent{margin:0 2px}#contentPane{position:relative;float:left;width:495px;max-width:495px;min-height:600px;margin-top:10px;padding:0;text-align:center}#contentLarge{padding:0;text-align:left}.menuBox,.paneBox{width:122px;max-width:122px;margin:0 auto 20px;padding:0}.menuBox{width:140px;margin-bottom:10px;margin-left:3px;font-size:12px;line-height:1}.menuBox a{display:block;width:137px;height:21px;box-sizing:border-box;margin:2px;padding:4px 8px 0 0;background:linear-gradient(105deg,#96ff13 0,#96ff13 14%,#d7ff62 14%,#d7ff62);color:#fff;font-size:16px;font-weight:900;line-height:17px;text-align:right;text-shadow:0 1px 0 #777,1px 0 0 #aaa,-1px 0 0 #aaa,0 -1px 0 #aaa;text-transform:uppercase}.menuBox a:hover,.menuBox a.active{background:linear-gradient(105deg,#ffd85b 0,#ffd85b 14%,#fff4a1 14%,#fff4a1);color:#fff;text-decoration:none}.paneBoxHeader{height:26px;max-height:26px;padding-right:3px;background:url(/assets/site/kadokado/paneHeader.gif) no-repeat;color:#fff;font-size:8pt;font-weight:700;letter-spacing:1px;line-height:14px;text-align:right;text-transform:uppercase}.paneBoxHeader a{color:#fff}.paneBoxHeader a:hover{color:#eee;text-decoration:none}.paneBoxContent{min-height:15px;padding:1px 5px 5px;background:url(/assets/site/kadokado/paneBg.gif) repeat-y;text-align:right}.paneBoxFooter{height:2px;max-height:2px;background:url(/assets/site/kadokado/paneFooter.gif) no-repeat;font-size:0}.sideText{color:#777;font-size:11px;line-height:14px;text-align:right}.sideText p{margin:0 0 4px;padding:0}.error{width:491px;box-sizing:border-box;margin:0 0 4px;padding:1px 10px;background:#ffe2d5;color:#ff5b20;font-size:12px;font-weight:700;text-align:center}.gameList{width:491px}.gameBox{position:relative;clear:both;width:491px;height:119px;margin:0 auto;padding:0;background:url(/assets/site/kadokado/gameBg.gif) no-repeat}.boxOpen{background-image:url(/assets/site/kadokado/gameBg_open.gif)}.boxNewOpen{background-image:url(/assets/site/kadokado/gameBg_open.gif);filter:saturate(1.1)}.gameCaption img{position:absolute;top:20px;left:20px;width:88px;height:66px;border:1px dashed gray;background:#ddd;object-fit:contain}.gameDesc{position:absolute;top:19px;left:113px;width:244px;height:66px;margin:0;overflow:hidden;text-align:left}.gameDesc h3{margin:0;padding:0;border:0;background:none;color:#888;font-size:14px;letter-spacing:2px;line-height:16px;text-transform:uppercase}.gameDesc p{display:-webkit-box;margin:0;padding:0;overflow:hidden;color:#666;font-size:11px;line-height:13px;-webkit-box-orient:vertical;-webkit-line-clamp:4}.recordBadge{position:absolute;z-index:2;top:15px;left:332px;width:140px;overflow:hidden;color:#000;font-weight:700;text-align:center;white-space:nowrap}.playLink,.helpLink{position:absolute;bottom:15px;width:85px;padding:0;text-align:center}.helpLink{right:92px}.playLink{right:7px}.playLink a,.helpLink a{font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:2px;text-transform:uppercase}.playLink a:hover,.helpLink a:hover{text-decoration:none}.playLink a{color:#faa901}.playLink a:hover{color:#fec650}.helpLink a{color:#8a9f0f}.helpLink a:hover{color:#9bc50e}.helpBox{width:430px;box-sizing:border-box;margin:0 auto;padding:5px;border:1px solid #ccc;border-left:3px solid #ccc;background:#eee;color:#666;font-size:11px;line-height:14px;text-align:left}.helpBox[hidden]{display:none}.help{display:block}.textPage{width:491px;box-sizing:border-box;padding:10px 18px 20px;color:#666;text-align:left}.textPage h1{margin:0 0 10px;color:#888;font-size:18px;letter-spacing:2px;text-transform:uppercase}.textPage p,.textPage li{font-size:12px;line-height:16px}.textPage ul{margin:0 0 12px 18px;padding:0}.scoresPage{display:grid;gap:8px}.scoreBox{padding:8px;border:1px solid #ccc;background:#f4f4f4}.scoreBox h2{margin:0 0 6px;color:#888;font-size:13px;letter-spacing:2px;text-transform:uppercase}.scoreRows{display:grid;gap:3px;margin:0;padding:0;list-style:none}.scoreRows li{display:flex;justify-content:space-between;gap:10px;border-top:1px dashed #d0d0d0;padding-top:3px}.scoreRows strong{color:#f8692c;font-variant-numeric:tabular-nums}.scoreMessage{margin:0;color:#888}.player{width:491px;margin:0 auto;padding:10px 0 20px;text-align:left}.player-layout{display:grid;grid-template-columns:auto 171px;gap:10px;align-items:start;width:491px}.player-stage{display:grid;place-items:center;overflow:hidden;border:1px solid #999;background:#000;box-shadow:0 2px #fff,0 7px 16px #0003;line-height:0}.player-stage canvas{display:block}.player-panel{width:171px;box-sizing:border-box;padding:8px;border:1px solid #ccc;background:linear-gradient(#f9f9f9,#eee);color:#666}.player-title{margin:0 0 6px;color:#888;font-size:15px;letter-spacing:2px;line-height:1.1;text-transform:uppercase}.player-status{min-height:16px;margin:0 0 8px;color:#f8692c;font-size:11px;font-weight:700;line-height:1.25}.player-stat{display:flex;min-height:28px;align-items:baseline;justify-content:space-between;gap:8px;box-sizing:border-box;padding:6px 0;border-top:1px dashed #cfcfcf}.player-stat span{color:#888;font-size:10px;font-weight:700;line-height:1.2;text-transform:uppercase}.player-stat strong{overflow-wrap:anywhere;color:#555;font-size:17px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1;text-align:right}.player-action,.player-back,.player-submit button{width:100%;box-sizing:border-box;margin-top:8px;padding:4px 8px;border:1px solid #b8e96b;background:linear-gradient(#f8ffbd,#d8ff8f);color:#8a9f0f;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.player-action:hover:not(:disabled),.player-back:hover,.player-submit button:hover:not(:disabled){border-color:#f5bc38;color:#faa901}.player-action:disabled,.player-submit button:disabled{cursor:default;opacity:.55}.player-submit,.player-leaderboard{margin-top:10px;padding-top:8px;border-top:1px solid #d5d5d5}.player-submit h2,.player-leaderboard h2{margin:0 0 6px;color:#888;font-size:11px;letter-spacing:1px;line-height:1.2;text-transform:uppercase}.player-submit label{display:block;margin:0 0 4px;color:#888;font-size:10px;line-height:1.2;text-transform:uppercase}.player-submit-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}.player-submit input{min-width:0;box-sizing:border-box;border:1px solid #aaa;border-left:3px solid #f8692c;background:#fff;color:#222;font-size:12px;padding:4px}.player-submit input:focus{border-color:#94ea13;border-left-color:#f8692c;outline:none}.player-submit-message,.player-leaderboard-message{margin:6px 0 0;color:#f8692c;font-size:11px;line-height:1.3}.player-leaderboard-message{color:#888}.player-leaderboard-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}.player-leaderboard-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:5px;align-items:baseline;min-height:18px;color:#666;font-size:11px;line-height:1.2}.player-leaderboard-rank{color:#aaa;font-variant-numeric:tabular-nums;text-align:right}.player-leaderboard-name{min-width:0;overflow-wrap:anywhere}.player-leaderboard-score{color:#f8692c;font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.player-leaderboard-secondary{grid-column:2 / -1;margin-top:-3px;color:#999;font-size:10px;overflow-wrap:anywhere}.player-error{box-sizing:border-box;width:100%;padding:16px;color:#cfcfcf;font-size:13px;line-height:1.4;text-align:center;white-space:normal}#corporateLinks{clear:both;width:600px;margin:auto auto 2px;padding:20px 0 0 20px;font-size:8pt;text-align:center}#footer{clear:both;margin:0;padding:0;border-top:1px solid gray;border-bottom:1px solid gray;background:#ddd;text-align:center}#footer p{margin:0;text-align:center}
